2016-12-02 1 views
0

나는 Angular 2Ionic 2 초보자입니다. 연락처에서 홈 페이지에 연락처를 추가하는 응용 프로그램을 만들었지 만 페이지가 업데이트되어 삽입 된 데이터를 볼 수 없습니다. 어떻게 해결할 수 있습니까?배열 변경 후 이오닉 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(); 
    } 
+0

보기 코드를 게시 할 수 있습니까? – Jorge

+0

나는 모듈에 주입을 시도한다. 잘 작동한다. !!!! –

답변

0

귀하의 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을 사용하지 않는 것이 좋습니다. 난 당신의 코드가 this.Datasource.source가 업데이트 전에 content이 설정되어 의미 saveContact() 전에 호출 할 수 그렇지 않으면 this.content = this.Datasource.source

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

처럼 보이도록 기대.

+0

에 감사하십시오. addContact()는 모달을 호출하는 것입니다. –

+0

나는 그게다고 알고있다. 그 대답의 10 %는 내가 제공 한 것이다. – Ivaro18

관련 문제