javascriptangularjsng-storage

Usage of ngStorage(angularjs) for language option


I have this 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>

and javascript

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

i am binding language to button for 2 languages.based on the language selected, the content will be shown. how to store en or de to localstorage. if i refresh or change the page also, the set language should be same. how to do it. can anyone help me Here is the plunker http://plnkr.co/edit/zHMvBWCKevKgGeBerhhE?p=preview


Solution

  • // 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;
    }
    

    To check your resource variables like cookies, local storage, etc. Under chrome developer tools (access with F12) go to Resources tab.