我是 Angular JS 的新手,我用 Angular JS 创建了一个 Spring MVC web 应用程序,我知道从 View 中我们可以使用 resource、restangular、http 从 Angular JS 调用 REST 服务,但是在 Spring 中从 Controller a View 被触发,为了再次通过 Angular 在 View 中加载数据,从 View 调用来自 Angular REST 调用到服务器,然后获取数据以进行加载,而是有什么方法可以在触发 View 时传递 json 对象第一次从 Spring Controller 到 Angular JS。

我做过类似的事情,它工作正常但不知道它是否是一个好方法。

Spring Controller

@RequestMapping("/getemployee") 
public ModelAndView helloWord(){ 
   JSONArray employeeJsonArray = // contains all the information of the employee 
   return new ModelAndView("employee", "employee",employeeJsonArray); 
} 

员工.jsp

<html ng-app="myApp"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<title>Spring 3.0 MVC Series: Hello World</title> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> 
<script> 
var app = angular.module('myApp', []); 
app.controller('MyCtrl', function($scope) { 
    $scope.employee = []; 
    $scope.loadData = function(employee) 
    { 
        $scope.employee = JSON.parse(employee); 
    }; 
}); 
</script> 
</head> 
<body ng-controller="MyCtrl"> 
{{loadData('${employee}')}} 
 
 <input type="text" ng-value="employee[0].name"/> 
</body> 
</html> 

请您参考如下方法:

当您在“单”页面应用程序中使用 Angular 时,它真的很闪耀,所以我建议您按照您在“现有方法”中建议的那样使用它,因为它使您更接近单页面应用程序设计,但是,如果您是只是尝试在现有的请求/响应应用程序中获取 Angular 的一些功能,然后您可以将 html 负载与 ng-init 中的数据一起发送,如下所示 page演示。这是一个 RoR 示例,但我认为这一点很明确。我认为这有点 hack,但应该可以完成工作。

   <body ng-init="angularVariable = ${variableFromServer}"> 
     html/angular ... 
   </body> 


评论关闭
IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!