循环和显示内容时出错

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>

预期：

约翰 1 米勒 2

实际：约翰 2 米勒 2

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

此处而不是 input 标记，如果我使用 label 并显示值，那么我将得到预期的结果。

Answer 1

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

您是否声明了以下 imports/declarations、FormsModule 等：

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

循环和显示内容时出错

Error while looping and displaying content

html

ngmodel

angular7