在角度2+中为ngmodel设置动态变量参考

Question

我有一个表的标头，必须根据json {id，name}填充。此id是我在组件中使用的ngModel名称，需要分别映射以用于自定义过滤器。

说，

 list=[{id:ageSearch,name:age},{id:adressSearch,name:adress}]

因此，当我输入第一个输入文本字段的值时，ageSearch将被填充并且必须过滤数据，对于adressSearch来说，现在我想知道如何在ngfor中动态映射变量ageSearch，adressSearch。

我尝试使用

 <div *ngFor="let item of list;let index = index;trackBy:trackByIndex;">
      <input [(ngModel)]="item[id]" placeholder="item">
    </div>

但是，它填充值ageSearch而不是绑定变量。 谁能说我是否正在尝试可行的方法。 如果是这样，我怎么能达到预期的流量。

预期结果应该是

<div>
     <input [(ngModel)]="ageSearch" placeholder="item">
</div>
<div>
     <input [(ngModel)]="adressSearch" placeholder="item">
</div>

编辑：在组件中，我有声明为let ageSearch：any;的变量； let adressSearch：any;

这些值将传递到自定义过滤器。 因此，我必须设置输入的ngModel来绑定这些变量名，以使它们在加载时最初显示为空白，并且当我们输入值时，它们反映ageSearch和adressSearch的值。 然后将其传递到自定义过滤器。 谢谢。

Answer 1

更改为此：

<input [(value)]="item.id" placeholder="item">

或对此：

<input [(value)]="item['id']" placeholder="item">

如果确实需要在示例中使用ngModel，则还需要为其命名：

<input [(ngModel)]="item.id" name="{{item.name}}" placeholder="item">

Answer 2

经过一番尝试之后，我通过更换

<input [(ngModel)]="item.id" name="{{item.name}}" placeholder="item">

同

<input [(ngModel)]="this[item.id]" name="{{item.name}}" placeholder="item">

谢谢。