Impossible de lire la propriété de 'xxx' undefined
Je suis en utilisant Ionique 2, dans lequel un composant a deux composants et les données ont été partagées à l'aide d'émetteurs. Mais lorsque j'exécute le programme, il s'agit de cette erreur.
Runtime Erreur non Interceptée (promettre): TypeError: Cannot read property
'BillNo' undefined TypeError: Cannot read property 'BillNo' de
pas défini à l'Objet.eval [comme updateDirectives]
Voici mon code:
bill-settlement.html
...
<page-bill-list (BillSelected)="onBillSelected($event)"></page-bill-list>
...
<page-bill-details [billItem]="billItem"></page-bill-details>
...
projet de loi de règlement.ts
@Component({
selector: 'page-bill-settlement',
templateUrl: 'bill-settlement.html',
})
export class BillSettlement {
...
billItem: BillDetail
...
onBillSelected(billData: BillDetail) {
this.billItem = billData
}
}
bill-list.html
<ion-buttons>
<button ion-button *ngFor="let item of billItems" (click)="getBillDetails(item)">
{{item.BillNo}}
</button>
</ion-buttons>
projet de loi-liste.ts
@Component({
selector: 'page-bill-list',
templateUrl: 'bill-list.html',
})
export class BillList {
billItems: BillDetail[] = []
billItem = new BillDetail()
@Output() BillSelected = new EventEmitter<BillDetail>()
constructor(public navCtrl: NavController,
public navParams: NavParams,
public billSrv: BillerService,
public authSrv: AuthService,
public genSrv: GenericService) {
this.billSrv.getBills()
.subscribe(data => {
this.billItems = data
})
}
getBillDetails(item: BillDetail) {
this.BillSelected.emit(this.billItem)
}
}
projet de loi-détails.ts
@Component({
selector: 'page-bill-details',
templateUrl: 'bill-details.html',
})
export class BillDetails {
...
@Input() billItem: BillDetail
...
}
bill-details.html
...
<ion-input text-right type="text" [value]="billItem.BillNo" readonly></ion-input> //billItem model has BillNo property
...
Le problème est billItem.BillNo
dans bill-details.ts
n'a pas de valeur initialement, il est défini que lorsque je clique sur le numéro de facture de bouton dans le bill-list.html
. Comment puis-je définir le billItem d'abord, puis le remplace lorsqu'il est cliqué avec le numéro de facture de bouton.
- Essayez ceci:
@Input() billItem: BillDetail = {};
. - Je balise ce que
typescript
au lieu dejavascript
Vous devez vous connecter pour publier un commentaire.
La vue est chargée avant de
billItem
est réglé.Vous pourriez utiliser un opérateur de navigation
?
.ou vide de l'objet dans le constructeur de projet de loi-détails.ts: