链接承诺在ionic2原生sqlite中失败

Question

Am implemenmting chained promises but one function fails to be executed Basically i have the following functions which return promises

1. open database
2. add record // incase record exists remove it
3. remove record called from no 2

This is the way i have implemented

    openDb(): Promise<boolean> {   //opens database
    return new Promise((resolve, reject) => {
        this.sqlite.create({
            name: this.dbname,
            location: this.dblocation
        })
            .then((db: SQLiteObject) => {
                this.database = db;
                resolve(true)
            })
            .catch(e => reject(e.message));
    });
}

Then the add record

    add(item: string, value: any): Promise<boolean> {
    return new Promise((resolve, reject) => {
        this.openDb()
            .then(() => {
                this.database.transaction(
                    (tx: any) => {
                        tx.executeSql(`
                          CREATE TABLE IF NOT EXISTS '${tbl_name}'  
                                (item_id INTEGER PRIMARY KEY AUTOINCREMENT, item unique, value)` ); //incase tbl not there

                         this.remove(item) //next function which gets executed
                            .then(() => {

                                ///THIS PART IS NEVER EXECUTED
                                tx.executeSql(`
                                INSERT INTO '${tbl_name}' (item, value) VALUES(?, ?)`, [item, value],
                                    (t: any, results: any) => {
                                        console.log("executed successifully");
                                        resolve(true)
                                    },
                                    (t: any, message: any) => {
                                        console.log("Failed to execute");
                                        reject(false)

                                    })
                            })
                            .catch(reject(false))
                    }
                );

            })
            .catch(e => reject(e.essage));
    });
}

The the remove item function

    remove(item: string): Promise<boolean> {
    return new Promise((resolve, reject) => {
        this.openDb()
            .then(() => {
                this.database.transaction(
                    (tx: any) => {
                         tx.executeSql(`
                              DELETE FROM '${tbl_name}'  WHERE item ='${item}'
                              `, [],
                            (t: any, results: any) => {
                                console.log("executed successifully");
                                resolve(true)
                            },
                            (t: any, message: any) => {
                                console.log("Failed to execute");
                                reject(false)

                            })
                    }
                );

            })
            .catch(e => reject(e.essage));
    });
}

The remove item is executed successifully but the add block is never executed insted an error is thrown

InvalidStateError: DOM Exception 11: This transaction is already finalized.
 Transactions are committed after its success or failure handlers are called. 
 If you are using a Promise to handle callbacks, be aware that implementations
   following the A+ standard adhere to run-to-completion semantics
     and so Promise resolution occurs on a subsequent tick and therefore 
   after the transaction commits

What could be wrong?

Answer 1

当您尝试添加到表中时，事务已完成，因为this.remove(item)中的回调this.remove(item)将在this.database.transaction调用完成后异步执行。