無法將數據與角度爲2的離子項綁定

Question

使用ionic-2與angular 2，我得到一個對象數組，其中我得到了個人的詳細信息。

我已經聲明瞭一個var dataObj:any來分配我從我的對象獲得的值。我已經成功地連分配的值的對象，但我仍然無法顯示或HTML /模板結合這些值

類：

export class DetailsPage { 
    id: any; 
    public dataObj: any; 

    constructor(public navCtrl: NavController, public navParams: NavParams, public absService: AbsconderService, public posService: PosService) { 
    this.id = navParams.get('id'); 
    this.getData(this.id) 
    } 

    getData(id) { 
    this.absService.getAbsconderById(id) 
     .then(data => { 
     this.dataObj = { 
      name : data.data[0].name, 
      nic : data.data[0].nic, 
      fname: data.data[0].fname, 
      caste: data.data[0].caste, 
      residence: data.data[0].residence, 
      crime_no: data.data[0].crime_no, 
      us: data.data[0].us, 
      ps: data.data[0].ps 
     } 
      console.log(this.dataObj); 
     }) 
    }; 


    ionViewDidLoad() { 
    console.log('ionViewDidLoad Details'); 
    } 

} 

模板

<ion-content padding> 
    <ion-grid> 
    <ion-row> 

     <ion-col col-12> 
     <img class="background-image-sp" src="assets/images/avtar.png" /> 
     </ion-col> 
    </ion-row> 
    </ion-grid> 

    <ion-item> 
    <ion-label stacked>Name</ion-label> 
    <ion-label>{{dataObj.name}}</ion-label> 
    </ion-item> 

    <ion-item> 
    <ion-label stacked>NIC No.</ion-label> 
    <ion-label>{{dataObj.nic}}</ion-label> 
    </ion-item> 
</ion-content> 

Answer 1

可能是因爲您在構造函數中進行了異步調用，所以頁面呈現時的響應時間還沒有提前？此外，我已經在離子3碰到這個......你會期望時，他們的價值的變化......但有時你需要調用改變數據綁定會自動更新，手動使用

import { ChangeDetectorRef } from '@angular/core';

分配此對象在構造函數中的屬性：

constructor(public navCtrl: NavController, public navParams: NavParams, public absService: AbsconderService, public posService: PosService, private changeDetector: ChangeDetectorRef) { 
    this.id = navParams.get('id'); 
    this.getData(this.id) 
} 

，並調用它在你然後在最後

 getData(id) { 
    this.absService.getAbsconderById(id) 
     .then(data => { 
     this.dataObj = { 
      name : data.data[0].name, 
      nic : data.data[0].nic, 
      fname: data.data[0].fname, 
      caste: data.data[0].caste, 
      residence: data.data[0].residence, 
      crime_no: data.data[0].crime_no, 
      us: data.data[0].us, 
      ps: data.data[0].ps 
     } 
      console.log(this.dataObj); 
      changeDetector.detectChanges() 
     }) 
}; 

你可以試試這個塊。讓我知道