angular - 如何在 html Angular 表单中执行条件验证

Question

我有一个表单，只有当值不等于 0 时，我才想实现 MAXLENGTH 验证。

那么如果parameter.valueMaxlength === 0 { then dont execute maxlength validation } 有没有办法把这个逻辑写在html文件中。

 <mat-form-field *ngSwitchCase="'TEXTBOX'" class="example-full-width">
  <input
    matInput
    [placeholder]="parameter.displayName"
    [formControlName]="parameter.id"
    [id]="parameter.id"
    [type]="parameter.dataType"
    [maxlength] = "parameter.valueMaxlength"

  />
</mat-form-field>

Answer 1

通过使用三元运算符尝试以下操作[attr.maxlength]：

<input
    matInput
    [placeholder]="parameter.displayName"
    [formControlName]="parameter.id"
    [id]="parameter.id"
    [type]="parameter.dataType"
    [attr.maxlength]="parameter.valueMaxlength === 0 ? null : parameter.valueMaxlength" 
/>

maxLength如果传递的值等于0，则不会呈现，否则它将以等于传入的值呈现。

这是一个实际的例子。

希望这会有所帮助！