2016-06-16 2 views
0

Я получаю Не могу найти модуль с именем myapp, На самом деле создание модуля и отображение модуля со сценарием правильно, то почему я столкнулся с этой проблемой.модуль не находит

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="ISO-8859-1"> 
<title>AJAX with Servlets using AngularJS</title> 
<script type="text/javascript" src=js/angular.min.js></script> 
<script> 
angular.module("myapp", []).controller('mycontroller', function ($scope, $http){ 
    $scope.getDataFrmServer()=function(){ 
     $http({ 
      method:'GET'; 
      url:'NGServlet'; 
     }).success(function(data, status, header, config){ 
      $scope.person=data; 
     }).error(function(data, status, header, config){ 

     }); 
    }; 
}); 
</script> 
</head> 
<body> 
<div data-ng-app="myapp"> 
    <div data-ng-controller="mycontroller"> 
     <button data-ng-click="getDataFrmServer()">Fetch Data From Server</button> 
     <p>First Name: {{person.firstName}}</p> 
     <p>Second Name:{{person.secondName}}</p> 
    </div> 
</div> 
</body> 
</html> 

ответ

0

Это рабочая версия. не используйте ; в объекте для вашего http-вызова. Кроме того, ваше определение функции было неправильным.

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="ISO-8859-1"> 
<title>AJAX with Servlets using AngularJS</title> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
<script> 
angular.module("myapp", []).controller('mycontroller', function ($scope, $http){ 
    $scope.getDataFrmServer = function(){ 
     $http({ 
      method:'GET', 
      url:'NGServlet' 
     }).success(function(data, status, header, config){ 
      $scope.person=data; 
     }).error(function(data, status, header, config){ 

     }); 
    }; 
}); 
</script> 
</head> 
<body> 
<div data-ng-app="myapp"> 
    <div data-ng-controller="mycontroller"> 
     <button data-ng-click="getDataFrmServer()">Fetch Data From Server</button> 
     <p>First Name: {{person.firstName}}</p> 
     <p>Second Name:{{person.secondName}}</p> 
    </div> 
</div> 
</body> 
</html> 
0

Ваш код возникают вопросы: Вместо «» вы использовали '; 'в методе $ http и url. Используйте обновленный код. Пожалуйста, исправьте определение функции.

<script> 
 
angular.module("myapp", []).controller('mycontroller', function ($scope, $http){ 
 
    $scope.getDataFrmServer = function(){ 
 
     $http({ 
 
      method:'GET', 
 
      url:'NGServlet' 
 
     }).success(function(data, status, header, config){ 
 
      $scope.person=data; 
 
     }).error(function(data, status, header, config){ 
 

 
     }); 
 
    } 
 
}); 
 
</script> 
 

 
<body> 
 
<div ng-app="myapp"> 
 
    <div data-ng-controller="mycontroller"> 
 
     <button data-ng-click="getDataFrmServer()">Fetch Data From Server</button> 
 
     <p>First Name: {{person.firstName}}</p> 
 
     <p>Second Name:{{person.secondName}}</p> 
 
     </div> 
 
</div> 
 
</body>

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