以角度反应形式验证重复项

Question

我有这样的反应形式 https://stackblitz.com/edit/angular-form-array-example

我单击添加凭据3次，并获得3个用户名和密码元素。

在第一行中，我输入用户名“ Jhon”和密码“ smith”。

在第二行中，当我在用户名字段中输入名称John并选择到密码字段时，我希望输入字段变为红色。

有什么想法可以触发事件，应该触发什么事件？ 每当我触摸输入元素

输入重复值

并失去对它的关注

我一无所知。

Answer 1

onblur事件将起作用。

html：

<input (blur)="onBlur($event)" placeholder="Username" formControlName="username">

ts：

...
onBlur($event) {
  // compare form.values
}
...

但是该stackblitz示例出了点问题。键入后，输入字段立即变得模糊。