舊的AngularJS演示不工作

我是一個初學者到java ee和angular JS，我從一個網站（http://www.simplecodestuffs.com/angularjs-interacting-with-java-servlet-using-json/）發現代碼我正試圖在eclipse中實現它。但是當我點擊按鈕「獲取來自服務器數據」輸出多年平均值出現預期舊的AngularJS演示不工作

輸出：

First Name: {{person.firstName}} 

Last Name: {{person.lastName}}

這裏是我的JSP：

<!DOCTYPE html> 

    <html> 
    <head> 
    <meta charset="ISO-8859-1"> 
    <title>AJAX with Servlets using AngularJS</title> 

    <script type="text/javascript" src="jas/angular.min.js"> </script> 
    <script> 
    var app = angular.module('myApp', []); 
    function MyController($scope, $http) { 

     $scope.getDataFromServer = function() { 
       $http({ 
         method:'GET', 
         url:'http://localhost:8080/Angular/AngularJsServlet' 
       }).success(function(data, status, headers, config) { 
         $scope.person = data; 
       }).error(function(data, status, headers, config) { 
         // called asynchronously if an error occurs 
         // or server returns response with an error status. 
       }); 

     }; 
    }; 

    </script> 
    </head> 
    <body> 
    <div ng-app="myApp"> 
      <div ng-controller="MyController"> 
       <button ng-click="getDataFromServer()"> Fetch data from server </button> 
       <p>First Name: {{person.firstName}}</p> 
       <p>Last Name: {{person.lastName}}</p> 
      </div> 
    </div> 
    </body> 

</html>

這裏是我的servlet：

@WebServlet("/AngularJsServlet") 
public class AngularJsServlet extends HttpServlet { 
    private static final long serialVersionUID = 1L; 

    /** 
    * @see HttpServlet#HttpServlet() 
    */ 
    public AngularJsServlet() { 
     super(); 
     // TODO Auto-generated constructor stub 
    } 

    /** 
    * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) 
    */ 
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
      PersonData personData = new PersonData(); 
      personData.setFirstName("Mohaideen"); 
      personData.setLastName("Jamil"); 

      String json = new Gson().toJson(personData); 
      response.setContentType("application/json"); 
      response.getWriter().write(json); 
    } 



    /** 
    * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) 
    */ 
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
     // TODO Auto-generated method stub 
     //doGet(request, response); 
    } 

}

來源

2017-08-13 LakShan

由於3f2232b5,$controller將不再在窗口上查找控制器。爲控制器尋找窗口的舊行爲最初用於示例，演示和玩具應用程序。我們發現允許全局控制器功能鼓勵不良實踐，所以我們決定默認禁用此行爲。

要遷移，與模塊註冊您的控制器，而不是把它們作爲全局

— AngularJS Developer Guide - Migrating to V1.3。

由於b54a39，$http「不贊成使用自定義回調方法的S - .success()和.error() - 已被刪除。您可以使用標準.then()/.catch()承諾方法，但請注意方法簽名和返回值是不同的。
$http(...) 
    .then(function onSuccess(response) { 
    // Handle success 
    var data = response.data; 
    var status = response.status; 
    var statusText = response.statusText; 
    var headers = response.headers; 
    var config = response.config; 
    ... 
    }).catch(function onError(response) { 
    // Handle error 
    var data = response.data; 
    var status = response.status; 
    var statusText = response.statusText; 
    var headers = response.headers; 
    var config = response.config; 
    ... 
    }); 
— AngularJS Developer Guide - Migrating to v1.6 - http

來源

2017-08-13 19:36:35 georgeawg

舊的AngularJS演示不工作

回答

相關問題