如何在AngularJS+Spring的JSP页面中保留SessionStorage值至表单字段

我来帮你搞定这个问题！你已经通过sessionStorage存储了表单字段的值，现在要实现页面刷新或从其他JSP页面返回时，这些值能自动回显到对应的表单字段里，核心思路就是在控制器初始化时读取sessionStorage中的值，赋值给$scope变量，让data-ng-model自动绑定展示。下面是具体的实现步骤：

1. 控制器中添加初始化读取逻辑 #

修改你的FormSubmitController，在控制器加载时检查sessionStorage中是否存在已存储的值，如果有就赋值给对应的$scope变量。这样页面刷新或跳转回来时，控制器重新初始化，就能把值取出来绑定到表单：

app.controller('FormSubmitController', ['$scope', '$http', '$window', function($scope, $http, $window) {
    // 初始化阶段：确保user对象已存在，避免后续赋值报错
    $scope.user = $scope.user || {};
    
    // 读取sessionStorage中保存的namednewicno值
    var savedIcNo = $window.sessionStorage.getItem('namednewicno');
    if (savedIcNo) {
        $scope.user.namednewicno = savedIcNo;
    }

    // 你的原有存值逻辑（比如表单提交或字段变更时保存）
    // 示例：可以监听字段变化，实时同步到sessionStorage
    $scope.$watch('user.namednewicno', function(newVal) {
        if (newVal) {
            $window.sessionStorage.setItem('namednewicno', newVal);
        }
    });

    // 其他业务逻辑...
}]);

2. 确保HTML的ng-model绑定正确 #

对应的表单字段要正确绑定到$scope.user.namednewicno，这样初始化后的值会自动展示在输入框中：

<input type="text" data-ng-model="user.namednewicno" placeholder="请输入编号" />

3. 进阶优化：批量保存多个字段 #

如果你有多个字段需要持久化，建议把整个user对象序列化后存入sessionStorage，这样更易维护：

// 保存整个user对象到sessionStorage
$scope.saveUserToSession = function() {
    $window.sessionStorage.setItem('userFormData', JSON.stringify($scope.user));
};

// 初始化时读取整个user对象
var savedUserForm = JSON.parse($window.sessionStorage.getItem('userFormData'));
if (savedUserForm) {
    $scope.user = savedUserForm;
}

注意事项 #

• sessionStorage是会话级存储，浏览器关闭后数据会被清除；如果需要持久化保存可以改用localStorage，但要注意敏感数据的安全性。
• 从其他JSP页面跳转回当前页面时，只要浏览器会话未结束，sessionStorage中的数据就会保留，控制器初始化时的读取逻辑会自动生效。

内容的提问来源于stack exchange，提问作者MohanaKrishnan S