我试图创建一个数据库,其中将集合添加到该数据库并将更改保存到 IndexedDB。
下面是我的代码
myApp.controller('SaveController', ['$scope', 'Loki', function ($scope, Loki) {
// SAVE : will save App/Key/Val as 'finance'/'test'/{serializedDb}
// if appContect ('finance' in this example) is omitted, 'loki' will be used
var idbAdapter = new LokiIndexedAdapter('finance');
var db = new loki('ProjectDb', { adapter: idbAdapter });
var coll = db.addCollection('SampleCollection');
coll.insert({ SampleId: 'Sample text.....' });
db.saveDatabase(); // could pass callback if needed for async complete
Run Code Online (Sandbox Code Playgroud)
}]);
然后在我的 LoadController 中我使用
myApp.controller('LoadController', ['$scope', 'Loki', function ($scope, Loki) {
var idbAdapter = new LokiIndexedAdapter('finance');
var db = new loki('ProjectDb', { adapter: idbAdapter, autoload: true });
db.loadDatabase({}, function (result) {
console.log(result);
});
alert(db.getCollection("SampleCollection"));
Run Code Online (Sandbox Code Playgroud)
}]);
当我警告“alert(db.getCollection("SampleCollection"));”时,我得到一个空值 . 它永远不会进入“loadDatabase”方法的回调。
有什么我想念的吗?
浏览器中的 IndexedDB
这里的页面html
编辑默认的本地存储实现
我使用 loki js 的默认实现,我尝试加载离线数据库,即使数据库存在,每次也将结果显示为 null
var offlineDb = new loki('DbOfflineNew');
offlineDb.loadDatabase({},function (result) {
console.log(result);
if (result == null) {
alert('loading for first time..');
}
else {
alert('existing load..');
}
});
Run Code Online (Sandbox Code Playgroud)
每次警报“第一次加载..”被触发.. 我在这里错过了什么..?
基本上所有的逻辑都需要在 loadDatabase 回调中。如果您console.log在加载之前尝试该集合,它将为空。很多人都掉进了这个陷阱。
换句话说:
myApp.controller('LoadController', ['$scope', 'Loki', function ($scope, Loki) {
var idbAdapter = new LokiIndexedAdapter('finance');
var db = new loki('ProjectDb', { adapter: idbAdapter, autoload: true });
db.loadDatabase({}, function (result) {
console.log(result);
// put your log call here.
alert(db.getCollection("SampleCollection"));
});
}]);
Run Code Online (Sandbox Code Playgroud)
希望这可以帮助。