*ngFor 中是否可以进行反射

Question

我有一个 *ngFor 指令。我获取了索引，并且我有另一个 class 我想绑定到这个 *ngFor 指令中的输入。请看下面的代码：

<div
*ngFor="let plate of plates; index as i;">
<label class="form-control-plaintext"
   for="plate{{i+1}}">{{i+1}}. Plate</label>
<div class="input-group">
<input id="plate{{i+1}}" type="text"
   class="form-control"
   name="plate{{i+1}}"
   [(ngModel)]="car.plate{{i+1}}"/>
</div>
</div>

我的问题是我在汽车类型中有 2 个字段：

plate1?: string;
plate2?: string;

我想使用 *ngFor 的索引绑定到这些字段，例如 car.plate{{i+1}} 这可能吗？

Answer 1

由于 car 是一个对象，您可以使用 []

访问其属性

<input id="plate{{i+1}}" type="text"
  class="form-control"
  name="plate{{i+1}}"
  [(ngModel)]="car['plate' + (i+1)]"/>

*ngFor 中是否可以进行反射

Is reflection possible in *ngFor

angular

ngfor