Question

我正在使用angular-localforage，我的IndexedDB中有一些密钥。当我为我的键设置新值时，它似乎仍然具有之前的值，因为我重新加载页面并且它似乎具有最新值。

是否有任何解决方案可以在不重新加载页面的情况下获取更新数据？

$scope.addToStage = function($index) {
  event.stopPropagation();
  console.log($scope.items[$index].title);

  $localForage.getItem('stage').then(function(data) {
    if (data) {
      $localForage.removeItem('stage');
      console.log('Item stage Removed!');
    };
    $localForage.setItem('stage', $scope.items[$index]).then(function(data) {
      $localForage.bind($scope, 'stage');
    }) //setItem
  })

  $ionicHistory.clearCache();
  $state.reload();
  $ionicHistory.goBack();
};

**虽然我认为这不是我的代码错误，因为当我使用setItem（）和removeItem（）添加新项目或删除主题时，需要重新加载页面来查看Developer Tools的资源中的更改。

**如Mozilla Developer中所述：IndexedDB最初包括异步API和同步API;但同步版本已从规范中删除，因为它的需求值得怀疑。所以我认为我的问题在这个时候没有任何绝对的答案，BTW任何资源，文章和链接都会有所帮助。：）

Answer 1

我已经创建了一个测试代码

var app = angular.module('app', ['LocalForageModule']);
app.config(['$localForageProvider', function($localForageProvider)
{
   $localForageProvider.config({
        driver      : localforage.INDEXEDDB, // if you want to force a driver
        name        : 'myApp', // name of the database and prefix for your data, it is "lf" by default
        version     : 1.0, // version of the database, you shouldn't have to use this
        storeName   : 'keyvaluepairs', // name of the table
        description : 'some description'
    });
}]);
app.controller('MyCtrl', ['$scope', '$localForage', function($scope, $localForage) 
{
    $scope.load = function()
    {
        $localForage.getItem('name').then(function(data) 
        {
            console.log('Loaded ' + data + ' from DB');
            $scope.name = data;
        });
    };

    $scope.save = function()
    {
        console.log('Saved ' + $scope.name + ' to DB');
        $localForage.setItem('name', $scope.name).then(function(){});
    };

    $scope.refresh = function()
    {
        $scope.load();
    };

    $scope.load();
}]);

和HTML

<div ng-controller="MyCtrl">
    Hello <input ng-model="name" type="text" /><button ng-click="save()">save</button>
    <br/><br/>
    <button ng-click="refresh()">refresh</button>
</div>

完整的jsfiddle http://jsfiddle.net/kzwtyn2c/

您可以保存名称，当您点击刷新按钮时，它会记录从数据库中检索到的值。

一切正常，但似乎Chrome开发者工具没有更新。即使您右键单击IndexedDB表并单击Refresh IndexedDB，该值也不会更改。

就我而言，如果我重新加载开发者工具，它就会改变（所以隐藏它们并重新显示）。这是一种解决方法，但我认为这是一个错误。

IndexedDB，如何在不重新加载页面的情况下获取更新数据？

1 个答案: