[Angular] 更改Angular 表单输入的更新行为

更改Angular 表单输入的更新行为

默认情况下，Angular 窗体控件在每次击键时更新，如果在每次更新时执行一些繁重的逻辑，这可能会影响性能。

此外，在某些情况下，它可以提供您不想要的行为。 您知道如何更改 Angular 表单的更新行为吗？

您可以一次为整个表单更改它，也可以为每个字段单独更改它。在代码片段中，您可以找到以黄色突出显示的不同解决方案。

您有三个选择：“更改” |“模糊” |“提交”。 默认情况下，它设置为“更改”。对整个表单和字段应用新行为时，单个字段上的设置将优先于表单的设置，但仅会覆盖该特定字段的设置。

06FF63C0-63DA-4F6C-9474-C994A1AE4007.jpeg

另外，我们也可以使用debounceTime来避免立即触发一些动作，同时依然可以得到快速的反馈。这种做法可能比updateOn 好一些。 比如， 当你需要根据输入提供一些建议的时候， 或者当用户输入时需要对结果做出一些过滤的时候。