Angular 将输入字段绑定到ngFor循环|角2内的按钮+

我正在尝试在表单中创建一些数字输入，旁边有+和-按钮，可以增加/减少数字值。我使用存储在两个数组中的值创建带有*ngFor循环的输入和按钮

但是，我无法找到一种方法将输入绑定到同样在*ngFor循环中创建的按钮。我一直遇到此错误-无法分配到引用或变量

我尝试过使用ngModel，只是绑定了[value]。不管怎样，我都会犯同样的错误

还有别的办法吗

Stackblitz演示-

我试过的代码-

{{type | titlecase}}:{{{subType}} - + -

导出类AppComponent{ 类型=[狗、马、鸡、大象]； 子类型={ 狗：[拉布拉多，维兹拉]， 马：[阿拉伯、夏尔、比利时]， 母鸡：[普利茅斯岩，莱霍恩，布拉姆哈]， 大象：[非洲、亚洲] }; 编辑：如果不清楚，我希望+和-按钮增加/减少它们旁边输入字段中的数字。

要使用ngModel，您必须允许将输入绑定到某个对象。您的输入必须位于表单标签内，该标签将角度转换为其自己的特殊表单。 将您的输入包装在表单中，并添加f=ngForm

{{type | titlecase}}:{{{subType}} - + 邮寄 在component.ts中：

//[...] 导出类AppComponent{ 类型=[狗、马、鸡、大象]； 子类型={ 狗：[拉布拉多，维兹拉]， 马：[阿拉伯、夏尔、比利时]， 母鸡：[普利茅斯岩，莱霍恩，布拉姆哈]， 大象：[非洲、亚洲] }; 在子窗体上{ console.logform.form.value； } 增量输入{ input.control.setValueparseInt input.control.value | | 0+1； console.loginput.control.value； } 递减输入{ input.control.setValueparseInt input.control.value | | 0-1； console.loginput.control.value； } }

---

我认为您必须使用form builder来完成此操作。我如何重现您的错误？请尝试在stackblitz演示中使用ngModel绑定以查看错误谢谢您的回答。stackblitz示例对我不起作用。请参阅我问题中的编辑注释。哦，对不起，我的错，我理解错了，您在绑定以使其工作时遇到困难