Использование 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;  
    } 

я Binding язык кнопки для 2 languages.based на выбранном языке, содержание будет показано. как хранить en или de в localstorage. если я обновляю или изменяю страницу, язык набора должен быть таким же. как это сделать. кто может мне помочь Здесь находится плункер 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; 
} 

Чтобы проверить переменный ресурс как куки, местное хранилище и т. д. Под хромом инструменты разработчика (доступ с F12) перейдите на вкладку Resources.

Answer 2

ng-storage Удивительно простой.

Inject ngStorage в ваш основной модуль и $localStorage к вашему контроллеру.

$scope.setLanguage = function(language) { 
    $scope.language = language;  

    $localStorage.language = language; 

    } 

---

Если необходимо сохранять данные по Освежает, думать об использовании ng-cookies.

Inject ngCookies в ваш основной модуль. Также вставьте в ваш контроллер $cookies.

Затем вы можете использовать $cookies.put и $cookies.get для хранения и извлечения данных.

$scope.setLanguage = function(language) { 
    $scope.language = language;  

    $cookies.put('language', language); 

    } 

Также обратите внимание, что вы должны использовать cookie expiry date для установки TTL.