如何在AngularJS中访问作为对象数组的Session变量

你遇到的问题核心是Java对象数组没办法直接被AngularJS识别成JavaScript对象数组，不管是ng-init直接赋值还是Spring通过ModelAndView传参，都会因为格式问题被当成字符串处理。下面给你两种可行的解决方案：

方法一：在JSP中将Java数组转为JSON字符串后传给AngularJS #

这种方法适合不想额外写接口的场景，直接在JSP层面完成对象到JSON的转换：

1. 首先在JSP中引入JSON处理工具（比如Jackson，Spring项目一般已经依赖了），把locationList转成标准的JSON字符串：

   <%@ page import="com.fasterxml.jackson.databind.ObjectMapper" %>
   <%
       // 从Session获取Location数组
       EmployeeBean empBean = (EmployeeBean)session.getAttribute("INEmployeeBean");
       Location[] locationList = empBean.getLocations();
       // 转成JSON字符串
       ObjectMapper mapper = new ObjectMapper();
       String locationListJson = mapper.writeValueAsString(locationList);
   %>
   

2. 在AngularJS中通过ng-init传递JSON字符串，然后在控制器里解析成对象数组：

   <div ng-app="locationApp" ng-controller="LocationCtrl" ng-init="loadLocations('<%= locationListJson %>')">
       <select 
           ng-model="selectedLocation"
           ng-options="location.value for location in locationList track by location.name"
       ></select>
   </div>
   
   <script>
       var app = angular.module('locationApp', []);
       app.controller('LocationCtrl', function($scope) {
           $scope.loadLocations = function(jsonStr) {
               // 将JSON字符串解析为JavaScript对象数组
               $scope.locationList = JSON.parse(jsonStr);
           };
       });
   </script>
   

   这样处理后，locationList就会被AngularJS正确识别为对象数组，你的ng-options就能正常工作了。

方法二：通过Spring REST接口异步获取数据（推荐） #

这种方法更符合前后端分离的思路，避免在JSP中混写Java和JS代码：

1. 在Spring后台写一个REST接口，从Session中取出locationList并返回JSON：

   import org.springframework.http.ResponseEntity;
   import org.springframework.web.bind.annotation.GetMapping;
   import org.springframework.web.bind.annotation.RequestMapping;
   import org.springframework.web.bind.annotation.RestController;
   import javax.servlet.http.HttpSession;
   import java.util.Arrays;
   import java.util.List;
   
   @RestController
   @RequestMapping("/api/locations")
   public class LocationApiController {
   
       @GetMapping
       public ResponseEntity<List<Location>> getLocationList(HttpSession session) {
           EmployeeBean empBean = (EmployeeBean) session.getAttribute("INEmployeeBean");
           List<Location> locationList = Arrays.asList(empBean.getLocations());
           return ResponseEntity.ok(locationList);
       }
   }
   

2. 在AngularJS控制器中使用$http请求这个接口获取数据：

   <div ng-app="locationApp" ng-controller="LocationCtrl">
       <select 
           ng-model="selectedLocation"
           ng-options="location.value for location in locationList track by location.name"
       ></select>
   </div>
   
   <script>
       var app = angular.module('locationApp', []);
       app.controller('LocationCtrl', function($scope, $http) {
           // 异步请求获取位置列表
           $http.get('/api/locations')
               .then(function(response) {
                   $scope.locationList = response.data;
               })
               .catch(function(error) {
                   console.error('加载位置列表失败:', error);
               });
       });
   </script>
   

为什么之前的方法不行？ #

你之前尝试用ng-init直接赋值时，Java对象数组会调用toString()方法，输出类似[Location@1234, Location@5678]的字符串，这不是标准的JSON格式，所以AngularJS只会把它当成普通字符串，无法识别为对象数组。而Spring通过ModelAndView传递的对象，在JSP中如果直接输出，同样会遇到这个问题。

内容的提问来源于stack exchange，提问作者Ritika Neema