Erreur ionique lors de l'utilisation d'ion-label - TypeError: Impossible de lire la propriété 'children' de null

Question

Je reçois une erreur dans mon application. Lorsque j'utilise un ion-item avec ion-label + ion-input/ion-chkbox je reçois cette erreur:

TypeError: Cannot read property 'children' of null

Lorsque je retire le ion-label fonctionne très bien!

Exemple d'erreur:

<ion-item no-lines> 
    <ion-label floating>TEXT HERE</ion-label> 
    <ion-checkbox [(ngModel)]="pageDocument.accept"></ion-checkbox> 
</ion-item> 

Exemple de travail:

<ion-item no-lines> 
    <ion-checkbox [(ngModel)]="pageDocument.accept"></ion-checkbox> 
</ion-item> 

Quel est le problème avec le code? Merci d'avance!

Answer 1

Vous pouvez voir ci-dessous:

travail Stackblitz

<ion-content padding> 
    <ion-list> 
     <ion-item no-lines> 
      <ion-label fixed>TEXT HERE</ion-label> 
      <ion-checkbox [(ngModel)]="pageDocument?.accept" item-end></ion-checkbox> 
     </ion-item> 
    </ion-list> 
</ion-content> 

Answer 2

Il est probable que pageDocument est définie sur null au début de la course? Essayez d'utiliser une variable séparée:.?

<ion-item no-lines> 
    <ion-label floating>TEXT HERE</ion-label> 
    <ion-checkbox [(ngModel)]="accept"></ion-checkbox> 
</ion-item>