Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角度6-[ngModel]数据值-未定义标识符名称_Angular_Typescript_Angular6 - Fatal编程技术网

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

Angular 角度6-[ngModel]数据值-未定义标识符名称,angular,typescript,angular6,Angular,Typescript,Angular6,我正在尝试将数据值添加到ngModel中 我有以下数据: data = [ { name: 'SomeName' } ]; 然后在我的app.component.html上: <input type="email" name="name" class="form-control" [ngModel]="data.name"> 如何修复此问题?数据应该是要绑定到ngModel的对象,将其更改为 data = { name: 'SomeName'

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

我有以下数据:

  data = [
    {
      name: 'SomeName'
    }
  ];
然后在我的app.component.html上:

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

如何修复此问题?

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

 data = { name: 'SomeName' };
如果不想更改数据结构,另一种方法是使用索引

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

它应该类似于:

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

如果试图从
数组
访问
名称
属性,则应访问包含该属性的
对象<代码>(数组[索引])

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