angular - 防止输入更改导致表单变脏（Angular 5.2）

Question

有没有一种简单的方法可以防止输入控件弄脏其父窗体？我可以通过构建一个没有 controlValueAccessor 的自定义标签来做到这一点，但我想知道是否有更简单的方法。

在我的一个表单的中间，我有一个输入，它在按钮旁边有一个数字。输入只是指定我想将多少某种类型的项目添加到一组事物中。您指定多少的输入与表单是否应被视为脏无关，因为在单击添加按钮之前，表单没有“更改”，此时一堆项目被添加到集合中并且我传播更改从那里。

Answer 1

如果您使用的是模板驱动的表单，则可以使用

[ngModelOptions]="{standalone: true}"

这是专门为您的方案定义的。从文档中：

独立：默认为 false。如果设置为 true，ngModel 将不会在其父表单中注册自己，并且会表现得好像它不在表单中一样。如果您有表单元控件，即嵌套在控制表单显示但不包含表单数据的标签中的表单元素，这会很方便。