anglejsの同期コード

Question

このコードは、IonicフレームワークのAngularjsで書かれています。 Angularの背景にいる人もこの質問に答えることができると思います。

この関数を呼び出すと、空の配列「[]」と「未定義」がそれぞれ表示されます。私はこれがJavaScriptの非同期性の原因であると思います。この関数を同期して実行します。

/*This is the constructor */ 
constructor(public navCtrl: NavController, public SP: SqliteProvider) { 
} 
/*my function*/ 
getCustomerById() 
{ 
    this.SP.getCustomerById(this.id); 
    this.customerById = this.SP.customerById; 
     alert(this.SP.customerById); 
     alert(this.SP.customerById[0]); 

} 

/* SqliteProvider関数*/

getCustomerById(cid) 
{ 
    this.customerById = []; 
    this.sqlite.create({ 
     name: this.dbName, 
     location: 'default' 
    }) 
     .then((db: SQLiteObject) =>{ 

      db.executeSql('SELECT * FROM `customers` WHERE id= ?', [cid]) 
       .then(result => { 

         var json = JSON.parse(result.rows.item(0).json); 
         //alert(json); 
         this.customerById.push(json); 
         // alert(JSON.stringify(this.customerObject)); 
       }) 
       .catch(e => console.log(e)); 
     }) 
     .catch(e => console.log(e)); 
} 

Answer 1

あなたはSqliteProviderメソッドからコードを投稿することができますか？ 私はそれがPromiseまたはObservableのいずれかを返すと確信しています。

プロミスとオブザーバブルのものは、呼び出し元がジョブを終了して終了するまでクロージャメソッドで処理を続行する必要があることです。

ですから、次のように実行する必要があります。あなたのSqliteProvider方法が観察可能なく約束を返す場合には、それに応じてコードを変更する必要があること

this.SP.getCustomerById(this.id).then((customer) => { 
    this.SP.customerById = customer; 
    alert(this.SP.customerById); 
}, error => {console.log(error)}); 

注（を追加代わりのが、その後）

あなたが約束hereとObservablのためのための素晴らしいチュートリアルを読むことができます購読しますes here。

EDIT後投稿方法：

もthis answer参照してください。 実際には、内部のcustomerById変数を持つ必要はありません。 実際には、あなたのメソッドは顧客にのみ検索され、変数には割り当てられないので、良い習慣ではありません。あなたは、次のようにコードを変更する必要があり ：

getCustomerById(cid) 
{ 
    return 
    this.sqlite.create({ 
     name: this.dbName, 
     location: 'default' 
    }) 
     .then((db: SQLiteObject) =>{ 
      return 
      db.executeSql('SELECT * FROM `customers` WHERE id= ?', [cid]) 
       .then(result => { 
        return JSON.parse(result.rows.item(0).json); 
       }) 
       .catch(e => console.log(e)); 
     }) 
     .catch(e => console.log(e)); 
}