使用Angularjs在jsp页面中保留Session值答案

【问题标题】：Retain Session value in jsp page using Angularjs使用Angularjs在jsp页面中保留Session值
【发布时间】：2018-03-29 13:58:15
【问题描述】：

我正在使用 Angularjs 和 Spring .....

我已经使用 angularjs sessionstorage 为某些文本字段设置了 Session 值。何时重新加载页面或从其他 jsp 页面向后移动这些值必须保留在相应的字段中

$window.sessionStorage.setItem('namednewicno',$scope.user.namednewicno);

This is the session value for namednewicno

我需要使用 data-ng-model

显示该值

这是我的控制器

app.controller('FormSubmitController',[ '$scope', '$http','$window', function($scope, $http,$window) {

$scope.user = [];
    $scope.headerText = 'AngularJS Post Form Spring MVC example: Submit below form';


    $scope.submit = function() {            
        $window.localStorage.setItem('namednewicno',$scope.user.namednewicno);              
        $window.sessionStorage.setItem('namednewicno',$scope.user.namednewicno);




        var formData = {
                "namednewicno" : $scope.user.namednewicno,
                "namedoldicno" : $scope.user.namedoldicno,
                "namedage" : $scope.user.namedage,
                "nameddriverexperience" : $scope.user.nameddriverexperience,
                "namedgender" : $scope.user.namedgender,
                "nameddrivername" : $scope.user.nameddrivername,
                "nameddriverrelationship" : $scope.user.nameddriverrelationship 
        };
        alert("controller");
        var response = $http.post('PostFormData', formData);
        response.success(function(data, status, headers, config) {
            $scope.user.push(data);
            alert("success");
        });
        response.error(function(data, status, headers, config) {
            alert( "Exception details: " + JSON.stringify({data: data}));
        });
        $scope.user.namednewicno=$window.sessionStorage.getItem( 'namednewicno' );
        console.log($window.sessionStorage.getItem( 'namednewicno' ));

        //Empty list data after process
    //  $scope.user = [];

    };


}]);

【问题讨论】：

你试过什么？可能有sessionStorage.getItem 的东西？
$scope.user.namednewicno=$window.sessionStorage.getItem( 'namednewicno' ); 我已经使用 getItem 分配给同一个变量@Kaddath
希望目标输入框的ng-model设置为user.namednewicno。如果您将值打印到控制台，您会看到什么？ console.log($window.sessionStorage.getItem( 'namednewicno' );)
我得到了我在文本字段@MasterPo 中输入的值

标签： angularjs session angular-ngmodel

【解决方案1】：

app.controller('NamedPopup',[ '$scope', '$http','$window', function($scope, $http,$window) {

$scope.user = [];       
        $scope.user.namednewicno=$window.sessionStorage.getItem( 'namednewicno' );


    $scope.submit = function() {            
        $window.sessionStorage.setItem('namednewicno',$scope.user.namednewicno);



        var formData = {
                "namednewicno" : $scope.user.namednewicno
        };
        var response = $http.post('saveNamedDrivers', formData);
        response.success(function(data, status, headers, config) {
            $scope.user.push(data);
            //alert("success");
        });
        response.error(function(data, status, headers, config) {
            alert( "Exception details: " + JSON.stringify({data: data}));
        });         
        //Empty list data after process
    $scope.user = [];

    };

}]);

Html 代码必须是这样才能在 html 上保留会话

<input ng-value="{{user.namednewicno}}" 
       ng-model="user.namednewicno" 
       required 
       class="form-control" type="number" />

【讨论】：