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