2017-10-20 43 views
1

我在应用程序中收到错误。当我使用的ion-itemion-label + ion-input/ion-chkbox我得到这个错误:使用ion-label时出现离子错误 - TypeError:无法读取null的属性'children'

TypeError: Cannot read property 'children' of null

当我删除了ion-label工作正常!

错误示例:

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

工作实施例:

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

请告诉我是与代码的问题?提前致谢!

回答

0

你可以尝试如下图所示:

工作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> 
+0

没有工作:( – LeonardoGuimaraes

+0

你看到上面的stackblitz它是工作完全正常 – Sampath

+0

是否可以以离子分割窗格有关我试图删除去离子拆分窗格(它放置在页面内部),它的工作原理! – LeonardoGuimaraes

0

这可能是因为pageDocument设置为null,在运行的开始?尝试使用一个独立的变量:??

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

没有工作!:(甚至在构造器中声明accept = true ... :( – LeonardoGuimaraes

+0

它可以与离子拆分窗格相关吗?我尝试删除拆分窗格(它被放置在中在页面旁边),它的工作原理! – LeonardoGuimaraes

相关问题