如何有条件地要求 Ionic 中的表单输入？

Question

我正在尝试将所需的属性放入输入标签中，但它无法像 Angular 2+:

那样工作

HTML:

<ion-input name="firstName"
           [(ngModel)]="firstName"  
           [attr.required]="checkRequired()" >
</ion-input>

<span *ngIf="formulario.controls.firstName?.invalid"> Required </span>

component.ts:

checkRequired() {
    return true;
}

此代码在输入未填写时应在输入下方显示一个跨度“必需”。但事实并非如此。

我已经尝试过这种变体：

[attr.required]="true"
[attr.required]="checkRequired() ? 'true' : null"
[attr.required]="checkRequired() ? 'true' : false"
[attr.required]="checkRequired() ? 'required' : null"
[attr.required]="checkRequired() ? 'required' : false"

Answer 1

我是这样解决问题的：

[required]="checkRequired()"

如何有条件地要求 Ionic 中的表单输入？

How to conditionally require form inputs in Ionic?

ionic3

angular