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

Question

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

我有数据：

div

然后在我的app.component.html：

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

我收到此错误：

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

我该如何解决这个问题？

Answer 1

应该是这样的：

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

您正尝试从name访问Array媒体资源，您应该访问包含该媒体资源的Object。 (Array[index])

Answer 2

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

 data = { name: 'SomeName' };

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

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