在Angular中运行时更改验证模式

Question

我有一个模板驱动的表单，该表单具有有效的模式验证：

response.getRenderParameters().setValue("view", "myView");

但是我需要在运行时更改模式。使用模板驱动的表格可以做到吗？

Answer 1

您可以像其他任何指令一样绑定模式指令。这里有个小例子。您可以更改模式或给定值。

category in question model

<input type="text" [(ngModel)]="pattern" />

<input type="text" [(ngModel)]="defaultVal" 
      #test="ngModel" [pattern]="pattern" />

<div *ngIf="test.touched || !test.pristine">
  <label *ngIf="test.control.hasError('pattern')">
    Invalid value
  </label>
</div>

Stackblitz示例：https://stackblitz.com/edit/angular-mnvcnx