アレイ2の変更後にイオン2のビューが更新されない

Question

私はAngular 2とIonic 2初心者です。連絡先からホームページに連絡先を追加するアプリケーションを作成しましたが、そうすると、ページが更新されず、挿入されたデータが表示されます。どうすれば修正できますか？

homepage.ts：

addContact(){ 
//this.navCtrl.push(Addcontact); 
let modal = this.ModalCtrl.create(Addcontact); 

modal.onDidDismiss((data) => { 
    if(data){ 
     this.content = this.Datasource.source; 
    } 
}); 

modal.present();} 

そして、私は連絡先を追加する場所これは次のとおりです。

saveContact(info){ 
let cdata = { 
    owner: info.displayName, 
    contact_name: info.displayName, 
    contact_tel: info.phoneNumbers.value 
}; 
//this.passdata.push(cdata); 
this.dbprovider.save('contacts',cdata); 
this.Datasource.source.push(cdata); 
JSON.stringify(this.Datasource.source);} 



close(){ 
    this.navCtrl.pop(); 
    } 

Answer 1

あなたのHTMLは、私もあなたの方法ことがわかり、この

<ion-list *ngIf="content"> 
    <ion-item *ngFor="let cdata of content"> 
    <h2>Do something with cdata</h2> 
    </ion-item> 
</ion-list> 

のようになります。 addContact()とsaveContact()と呼ばれます。今すぐaddContact()はsaveContact()を呼び出しません。または、それはモーダルのハンドラでsaveContact()を呼び出しますか？

第2の点は、dataのモーダルコールバックを使用していますが、このdataはどこにも使用しないことです。私はあなたのコードがthis.Datasource.sourceが更新されている前に、あなたのcontentが設定されている意味saveContact()前に呼び出すことができそうでthis.content = this.Datasource.source

if(data) { 
    this.Datasource.saveContact(data); 
    this.content = this.Datasource.source; 
} 

のように見えることを期待したいです。