Angular，有没有办法在没有表单的情况下“markAsTouched”字段？

我已经知道了inputa 内的物品FormControl可以标记dirt or touched通过调用以下任何方法（也许更多）： group.markAsTouched(); form.get('control-name').markAsTouched(); form.markAllAsTouched(); form.controls[someIndex].markAsTouched();

但是，我可以看到markAsTouched方法似乎在输入时被调用focus进而blur.

有没有办法通过代码达到相同的结果？比方说，当点击一个按钮时。

在这里，你可以看到一个 gif当前没有表单的标准行为 https://i.stack.imgur.com/clTNm.gif，您也可以在以下实时示例中自行测试：

https://stackblitz.com/edit/angular-peq11f https://stackblitz.com/edit/angular-peq11f

对我来说，很明显这种行为应该可以由代码触发，而不仅仅是当blur事件被触发

像这样的事情：

<input #myInput>
<button (click)="myInput.markAsTouched()">click</button>

您可以使用独特的 formControl<input [formControl]="control"> and markAsTouched

<input [formControl]="control">
<button (click)="control.markAsTouched()">click</button>
{{control.touched}}

你在哪里有.ts

// as a property
control = new FormControl();

// or in a function
this.control.markAsTouched();

A FormControl可以属于一个FormGroup或不。此外，不需要有标签input。我们正在使用标签输入来更改值，但是如果您删除input，该控件也被标记为触摸