如何为动态添加的新输入行设置 ngModel 角度 4+（mat-table）

Posted 2023-03-13

【中文标题】如何为动态添加的新输入行设置 ngModel 角度 4+（mat-table）

【英文标题】：How do I set the ngModel for dynamically added new input rows angular 4+ (mat-table)

【发布时间】：2020-03-30 17:04:15

【问题描述】：

我会保持简短，我想将 ngModel 添加到动态添加的新输入行（我有 Mat 表，其中包含多行，带有添加元素方法，每次单击按钮时都会添加新行），以便我可以绑定用户输入值并发送到后端，

请看StackBlitz

【问题讨论】：

您分享的示例工作正常 - 您可以使用 - myformArray?.value

获取所有值

您还需要发生其他事情吗？

以同样的方式，myformArray?.value 给了我所有的值，如果我只想要名称怎么办？

【参考方案1】：

要获取您可以使用的所有值的数组：

this.myformArray.value

要获取特定键（如名称）的数组，您可以使用 map 运算符：

this.myformArray.value.map(x => x.name); // will return ["n1","n2","n3"]