2016-06-16 83 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>