Question

我有以下复选框需要验证以检查它是否已被选中。但是下面总是成功验证。我认为需要使用requiredTrue，但我收到此错误：

无法绑定到＆＃39; requiredTrue＆＃39;因为它不是一个已知的属性＆＃39;离子复选框＆＃39;

  <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'。

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

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

1 个答案: