Angular 6 - [ngModel] 数据值 - 标识符名称未定义

Question

我正在尝试将数据值添加到 ngModel 中。

我有数据：

  data = [
    {
      name: 'SomeName'
    }
  ];

然后在我的 app.component.html 上：

<input type="email" name="name" class="form-control" [ngModel]="data.name">

我收到这个错误：

Identifier name is not defined. Array does not contain such a member.

我该如何解决这个问题？

Answer 1

数据应该是绑定到 ngModel 的对象，将其更改为

 data = { name: 'SomeName' };

另一种方法是使用索引，如果你不想改变数据的结构

<input type="email" name="name" class="form-control" [ngModel]="data[0].name">

Answer 2

应该是这样的：

<input type="email" name="name" class="form-control" [ngModel]="data[0].name">

您正在尝试从 Array 访问 name 属性，您应该访问包含属性的 Object。 (Array[index])

Angular 6 - [ngModel] data value - Identifier name is not defined