javascript - AngularJS 在 IndexedDB 调用后返回方法对象

Question

像这样调用 IndexedDB 库后，我需要返回一个方法对象。

.factory('presentationData', ['$indexedDB', 'uuid4','$q', function ($indexedDB, uuid4, $q) {

  var objectStore = $indexedDB.openStore('presentations', function(store) {
    return store;
  });

  return objectStore.then(function(objectStore) {
    var functions = getDefaultDataServiceFunctions(objectStore);

    functions.getAll = function (includeFlaggedForDelete) {
      if (includeFlaggedForDelete) {
        return objectStore.getAll();
      }
      return objectStore.getAll().then(function (presentations) {
        return presentations.filter(function (p) {
          return !(p.meta && p.meta.localStatus === 'deleted');
        });
      });
    };

    functions.getWithLocalStatus = function (status) {
      var query = $indexedDB.queryBuilder().$index('localStatus').$eq(status).compile();
      return objectStore.each(query);
    };

    return functions;
  })
}])

为什么这不返回方法对象？我不明白!!

使用这个:https://github.com/bramski/angular-indexedDB

谢谢!

Answer 1

这不会起作用，因为返回存储对象是无效的。商店将被关闭，其操作将失败。

我真的不清楚你到底想做什么。只获取数据？您需要返回一个将返回数据的 promise 。

.service('dataFetcher', ['$indexedDB', 'uuid4','$q', function ($indexedDB, uuid4, $q) {
  this.getData = function() {
    promise = $q.defer();
    $indexedDB.openStore('presentations', function (store) {
      ... do what is needed to get the answer here...
      promise.resolve(data);
    }
    return promise.promise;
  }
}

使用此服务会发生类似...

.controller('MyControl', ['dataFetcher', function ($scope, dataFetcher) {
  dataFetcher.getData().then( function (data) {
    $scope.data = data;
  });
}];

这会给你你真正寻求的东西。索引数据库采用回调机制。您需要使用它以合理的方式设计您的数据服务。