javascript - 不能使用 Angular 本地存储

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', 
        ...
    ])

还有这里记录的:

• Angular Local Storage

我们应该使用.set()

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