Question

我的应用中出现错误。当我使用ion-item与ion-label + ion-input / ion-chkbox时，我收到此错误：

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>

代码的问题是什么？提前谢谢！

Answer 1

您可以尝试如下所示：

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

在运行开始时pageDocument可能设置为null吗？尝试使用单独的变量：

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

使用ion-label时的离子错误 - TypeError：无法读取null

2 个答案: