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

标签 javascript angularjs ng-storage

我有这个 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)到两种语言的按钮。根据所选的语言,将显示内容。如何将 ende 存储到本地存储。如果我也刷新或更改页面,设置的语言应该相同。怎么做。谁能帮我 这是骗子http://plnkr.co/edit/zHMvBWCKevKgGeBerhhE?p=preview

最佳答案

// 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 访问)下,转到资源选项卡。

关于javascript - 使用 ngStorage(angularjs) 作为语言选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35058832/

相关文章:

angularjs - 在 ionic 中使用 ngStorage 作为数组

javascript - 在 AngularJS 中更新 $localStorage 数据后,表中的值未更新

javascript - 对javascript中的数字比较感到困惑

javascript - 两个嵌套循环中的同步调用

javascript - AngularJS UI-Router 多页面

angularjs - Angular js 指令中的后链接与预链接

javascript - Angular - 使用 Base64 图像缓存数据

javascript - ExtJs,从不同版本的 iframe 创建窗口,正确设置高度

javascript - 我使用 jquery 创建了一个 iframe 如何根据其中的内容设置它的高度

javascript - 在angularjs中按名称计算对象