Question

我有一个如下数组：

values = [
    {"name": "John","value":1},
    {"name": "Miller","value":2}
];

我的DOM代码

<table>
    <tr *ngFor ="let finalvalue of values">
      <td width="55">{{finalvalue.name}}</td>
      <td width="55"><input type="text"[(ngModel)]="finalvalue.value"/></td>
  </tr>
</table>

预期：

约翰一书米勒2

实际：约翰福音2 米勒2

无论我最终的价值是什么，它都会在UI的所有名称上显示。这可能是什么原因？我该如何解决？

如果我使用input并显示该值，则在这里而不是label标签。

Answer 1

抱歉，我的第一个答案的Angular版本错误。请查看我从另一个示例中克隆的以下代码片段，该例子可以满足您的需求：https://stackblitz.com/edit/angular-xcwxhe

您是否声明了以下导入/声明，FormsModule等：

@NgModule({
  imports:      [ BrowserModule, FormsModule ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ]
})

循环显示内容时出错

1 个答案: