Ionic 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() в обработчике модального?

Во-вторых, вы используете обратный вызов вашего модального кода с data, но вы не используете этот data в любом месте. Я бы ожидать, что ваш код выглядеть

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

Else в this.content = this.Datasource.source можно назвать до saveContact(), что означает ваш content установлен перед this.Datasource.source был обновлен.