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">

Вы пытаетесь получить доступ к свойству name из Array, вы должны достичь Object, содержащего это свойство.(Array[index])

Answer 2

Данные должны быть объектом для привязки к ngModel, измените его на

 data = { name: 'SomeName' };

. Другой способ - использовать индекс, если вы не хотите изменять структуру данных

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

.