使用angular2向indexedDB添加值时出错

Question

我正在使用 Angular2 使用 IndexedDB。为此，我遵循以下 github link。 https://github.com/gilf/angular2-indexeddb

我正在像这样创建数据库并像这样添加值。

    ngOnInit(){

        let db = new AngularIndexedDB('mydb', 1);
        db.createStore(1, (evt) => {
            let objectStore = evt.currentTarget.result.createObjectStore(
                'Userdetails', { keyPath: "id", autoIncrement: true });

            objectStore.createIndex("name", "name", { unique: false });
            objectStore.createIndex("email", "email", { unique: true });

        });


db.add('Userdetails', { name: 'name', email: 'name@mail.com' }).then(() => {
    // Do something after the value was added
     console.log('fields added');
}, (error) => {
    console.log('error is'+error);
});

}

但在控制台中我收到这样的错误。您需要在查询之前使用 createStore 函数创建数据库！

任何人都可以告诉我我到底在做什么wrong.I我对这个angular2很陌生-indexeddb.Please帮助我。

Answer 1

我认为如果我正确阅读代码，您的 db.add 代码会提前触发。

如果您将其更改为它应该可以工作

 db.createStore(1, (evt) => {
        let objectStore = evt.currentTarget.result.createObjectStore(
            'Userdetails', { keyPath: "id", autoIncrement: true });

        objectStore.createIndex("name", "name", { unique: false });
        objectStore.createIndex("email", "email", { unique: true });

}).then(() => {
    db.add('Userdetails', { name: 'name', email: 'name@mail.com' }).then(() => {
        // Do something after the value was added
        console.log('fields added');
    }, (error) => {
        console.log('error is'+error);
    });
});

使用angular2向indexedDB添加值时出错

Getting error while adding value to indexedDB using angular2

indexeddb

angular