javascript - 使用 ngStorage(angularjs) 作为语言选项

Question

我有这个 HTML

<button class="btn btn-info" ng-click="setLanguage('en')">English</button>
<button class="btn btn-info" ng-click="setLanguage('de')">Danish</button>
<p>{{name[language]}}</p>

和javascript

$scope.language='en';  //initial default value
$scope.setLanguage = function(language) {
    $scope.language = language;    
   }

我将语言绑定(bind)到 2 种语言的按钮。根据所选语言，将显示内容。如何将en 或de 存储到本地存储。如果我也刷新或更改页面，设置的语言应该相同。怎么做。谁能帮我这是 plunker http://plnkr.co/edit/zHMvBWCKevKgGeBerhhE?p=preview

Answer 1

// Getter
if ($window.localStorage.language) {
    $scope.language = $window.localStorage.language;
} else {
    $scope.language = 'en';
}


// Setter
$scope.setLanguage = function(language) {
    $scope.language = language;
    $window.localStorage.language = language;
}

要检查您的资源变量，如 cookie、本地存储等。在 chrome 开发者工具下(使用 F12 访问)转到 Resources 选项卡。