为什么将索引而不是 FormControl 对象传递给 FormControlNameDirective？

Question

参考：https://angular.io/docs/ts/latest/api/forms/index/FormArrayName-directive.html：

HTML:

<form  [formGroup]="form" (ngSubmit)="onSubmit()"> 
  <div formArrayName="cities">    
    <div *ngFor="let city of cities.controls; index as i">
        <input [formControlName]="i" placeholder="City">
   </div> 
 </div> 
 <button>Submit</button> 
</form>

为什么将 i 传递给 formControlName 而不是实际的表单控件 city.

Answer 1

因为此代码使用名为 cities:

的表单数组

  <div formArrayName="cities">    
    <div *ngFor="let city of cities.controls; index as i">
        <input [formControlName]="i" placeholder="City">
   </div> 
 </div>

数组中控件的名称由它们的索引号定义：城市[0]；城市[1]；城市[2]；等等

city 变量是对控件的引用，而不是它的 "name"，对于数组是索引。

有道理吗？

为什么将索引而不是 FormControl 对象传递给 FormControlNameDirective？

Why it is passing index instead of FormControl object into FormControlNameDirective?

angular-directive

angular

angular-forms