如何使用 Angular js 在 MVC 中的页面刷新期间保持局部视图固定

Question

在我的项目中，每当页面加载 $scope 的当前值时都会丢失。那么如何在页面刷新期间保存 $scope 的值。我想要的是每当用户点击“系统”、财务或“消费税”按钮时，其对应的部分视图就会加载，但每当页面刷新时，$scope 的当前值就会丢失。

在我的布局页面中，我通过 Angular 代码处理的按钮单击显示部分视图。

角度文件代码：

var app = angular.module("AppModule",[]);

app.controller("MainController", function ($scope) {

    $scope.system = false;
    $scope.excise = true;
    $scope.finance = true;

    $scope.menu = function (menuname) {
        debugger;
        if (menuname == '_SystemMenus') {
            $scope.system = false;
            $scope.excise = true;
            $scope.finance = true;
        }

        else if (menuname == '_ExciseMenus') {
            $scope.system = true;
            $scope.excise = false;
            $scope.finance = true;
        }
        else {
            $scope.system = true;
            $scope.excise = true;
            $scope.finance = false;
        }
    };

});

Answer 1

您应该使用$window.localStorage 来存储您的示波器数据。

设置：

$window.localStorage[key]= value

得到：

$window.localStorage[key]