如何在離子複選框上使用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'。

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