javascript - Angular - 本地存储不工作

Question

当使用 AngularJS ngStorage 模块加载应用时，我尝试将数据存储在本地存储中。

我有以下代码:

app.js:

angular.module('app', ['ionic', 'app.controllers', 'app.routes', 'app.services', 'app.directives', 'ngCordova', 'ngStorage'])

.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {
    // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
    // for form inputs)
    if(window.cordova && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
    }
    if(window.StatusBar) {
      // org.apache.cordova.statusbar required
      StatusBar.styleDefault();
    }

    $localStorage.message = "Hello World";

  });
})

然后使用我的 Controller ，我想执行以下操作。

controller.js:

$scope.data = $localStorage.message;

最后输出保存的消息。

message.html

<div><p> Saved Message:{{ data}} </p></div>

当我使用 Chrome 检查工具检查本地存储时，我没有看到存储的消息。知道如何在启动时从 app.js 保存数据吗？

Answer 1

根据文档:-

 var app = angular.module('app', ['ngStorage'])
    .config(['$localStorageProvider',
        function ($localStorageProvider) {
            $localStorageProvider.get('MyKey');//gets

            $localStorageProvider.set('MyKey', { k: 'value' });/sets
        }]);

或者

 localStorage.setItem('message', 'helloworld');//saves in developer tools
 $scope.getItem=localStorage.getIem('message');