2017-02-07 5 views
2

страница JSPПочему моя страница jsp распознает мой угловой контроллер?

<!DOCTYPE html> 

<html data-ng-app="myApp"> 
<head><title>Sample JSP Page</title></head> 

<body> 

<div data-ng-contoler="mainController" > 
<input type="text" data-ng-model="greeting"> 
This is from angular {{greeting}} 
</div> 

<button data-ng-click="test()">doSomething</button> 


</body> 




<script src="js/angular.js"></script> 
<script src="js/angular-route.js"></script> 
<script type="text/javascript" 
src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 
<script src="js/jquery.min.js"></script> 
<script src="js/toast.js"></script> 
<script src="app/app.js"></script> 
<script src="app/mainController.js"></script> 
<script src="app/services.js"></script> 

</html> 

Моего модуль MYAPP

var myApp = angular.module('myApp',['ngRoute']); 

myApp.config(function($logProvider){ 
    $logProvider.debugEnabled(true); 
}); 

Моего mainController.js

myApp.controller('mainController',function($scope, $http, myAppFactory) { 
$scope.greeting = null; 
$scope.greeting = "Jo jo jo it worked!!!!"; 


$scope.test = function test(){ 
    var v= "asddas"; 
    myAppFactory.test().success(function(date){ 
     var a = data; 
    }) 

} 

}); 

Моего service.js myAppFactory

myApp.factory('myAppFactory', function($http) { 

var factory = {}; 

factory.test = function(){ 
    return "test"; 
} 

return factory; 
}); 

Когда я нажмите кнопку doSomething, она должна перейти в область scope.test Проблема в том, что контроллер недоступен. Когда я запустил eclipse и перешел на страницу на хроме, нажмите f12 Я могу найти contoller с моим кодом в нем, но он никогда не запускается.

При запуске «приветствие» установлено: $ scope.greeting = null; $ scope.greeting = "Jo jo jo it work !!!!";

Но на странице это пусто, на f12 я вижу с точками останова, что код так и не работал.

Поле ввода с данными-ng-model = "приветствие" работает нормально. Когда я перехожу на страницу и пишу что-то в ней , она мгновенно отображается при изменении.

Все файлы загружаются в окно отладки. приложение, mainController и сервис. При загрузке страницы получают все файлы со статусом 200 OK

Но я не могу войти с контрольными точками в mainController.

+0

Я переместил закрывающий тег div на дно, чтобы поймать кнопку doSomething. – newb

+1

на вашей странице jsp у вас есть контроллер с орфографической ошибкой, у вас есть contoler вместо контроллера – darron614

+0

Тай, я чувствую себя таким смущенным прямо сейчас. – newb

ответ

1

изменение опечатка

<div data-ng-contoler="mainController" > 

в

<div data-ng-controller="mainController" > 

Надеется, что это будет работать.

Смежные вопросы