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

它應該是這樣的：

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

您正嘗試從Array訪問name屬性，您應該訪問包含該屬性的Object 。 (Array[index])

Answer 2

數據應該是綁定到ngModel的Object，將其更改為

 data = { name: 'SomeName' };

另一種方法是使用索引，如果你不想改變數據的結構

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