如何在离子复选框上使用requiredTrue（模板驱动）

Question

我有以下需要验证的复选框来检查它是否已被选中。然而，下面总是验证成功。我相信requiredTrue需要使用的，但我得到这个错误：

Can't bind to 'requiredTrue' since it isn't a known property of 'ion-checkbox'.

<ion-item text-wrap color="bright"> 
    <ion-label>I confirm my details are correct.</ion-label> 
    <ion-checkbox name="confirmedAccountDetails" [(ngModel)]="data.confirmedAccountDetails" #confirmedAccountDetails="ngModel" [required]="data.requiresConfirmation" ></ion-checkbox> 
    </ion-item> 

我如何可以验证该复选框与模板驱动的形式检查？

Answer 1

我找到了一个解决办法，而不是使用required或requiredTrue

我用：[disabled]="!data.requiresConfirmation" pattern="true"

<ion-item text-wrap color="bright"> 
    <ion-label>I confirm my details are correct.</ion-label> 
    <ion-checkbox name="confirmedAccountDetails" [(ngModel)]="data.confirmedAccountDetails" #confirmedAccountDetails="ngModel" [disabled]="!data.requiresConfirmation" pattern="true" ></ion-checkbox> 
    </ion-item> 

这可以防止验证，同时禁用和启用预计当该值是'true'。

唯一的退步是验证原因是模式，而不是必需的。