Thursday, 21 July 2016

AngularJS - Use local storage in angular js.

Step 1: Downloag angular-local-storage.js file and refrence it in your main view.

 <script src="Scripts/angular-local-storage.js"></script>

Step 2: Inject "LocalStorageModule" in your app.js file. 

var myApp = angular.module("myApp", ["ngRoute", "ngStorage", 'requestUtils',"ngDialog","LocalStorageModule"]);

//Inject "localStorageServiceProvider" in config section.
myApp .config(["$stateProvider", '$urlRouterProvider', "localStorageServiceProvider",
        function ($stateProvider, $urlRouterProvider, localStorageServiceProvider) {

            localStorageServiceProvider.setPrefix('TranzgridDataManager');
            $urlRouterProvider.otherwise("/");

            $stateProvider.state("home", {
                url: "/",
                templateUrl: "welcomeView.html"

            });
}]);

Step 3: Inject "localStorageService" in your controller.js file. 

myApp.controller("itemCtrl", ["$scope", "$state","localStorageService", function ($scope, $state,localStorageService) {

    $scope.setID=function() {
       localStorageService.set("id", 123);
    }

    $scope.getID = function () {
            var id = localStorageService.get("id");
            console.log(id) ;
        }

}]);

No comments:

Post a Comment