Question

如果表单已提交并且它检查emailExists是否来自后端的响应为true或false。如果电子邮件已经存在，但邮件保留在那里，它将正确打印。我希望如果用户更改电子邮件字段的值，该消息应该消失。

<input type="text" formControlName="email" name="email" placeholder="Email *"/>
 <div *ngIf="submitted>
 <div *ngIf="emailExists">This email has already been registered</div>
 </div>

我在输入字段中添加了

<input (change)="cccx()"

在ts文件中

 cccx() {
  this.emailExists = false;
  }

这将隐藏错误消息，但仅当用户离开电子邮件并单击其他位置时才会隐藏错误消息，而当值更改时不会立即显示。

Answer 1

您可以将msg div与from字段绑定，例如：

<div *ngIf="email.invalid">

现在，在输入值更改时，您可以使用setValidators()函数动态设置输入字段的验证

Answer 2

在这种情况下，您必须使用其他事件。

<input (keyup)="cccx()"

输入字段的值更改后立即隐藏消息

2 个答案: