不能使用角度局部存儲

Question

這是我的代碼：

   angular.module('MyModule').controller('MyController', ['$scope', '$stateParams','$location', '$http','LocalStorageModule',
function($scope, $stateParams, $location, $http, localStorageService) {

        localStorageService.add('test', 'val');
]);

任何想法有什么不對？

我在FF瀏覽器中遇到異常 - 未知提供者localstorageservice

Firebug錯誤

Error: [$injector:unpr] Unknown provider: LocalStorageModuleProvider <-   LocalStorageModule
http://errors.angularjs.org/1.2.20/$injector/unpr?p0=LocalStorageModuleProvider%20%3C-     %20LocalStorageModule
    at http://127.1.0.0/lib/angular/angular.js:78:12

Answer 1

我們應該向inejctor詢問'localStorageService'而不是'LocalStorageModule'

所以代碼應如下所示：

angular
    .module('MyModule')
    .controller('MyController', ['$scope', '$stateParams','$location'
                                , '$http'
                                // instead of this
                                // ,'LocalStorageModule',
                                // use this
                                ,'localStorageService',
               function($scope, $stateParams, $location, $http, localStorageService) 
    {
        //localStorageService.add('test', 'val');
        localStorageService.set('test', 'val');
    }]);

當我們初始化模塊時，我們必須包括本地存儲模塊

angular
    .module('MyModule', [
       'LocalStorageModule', 
        ...
    ])

並且如此處記錄：

• 角度本地存儲

我們應該使用.set()

// To add to local storage
localStorageService.set('localStorageKey','Add this!');