动态绑定ngFor的Object的属性名称

时间:2016-05-16 14:08:25

标签: angularjs typescript angular

我的用例: 我正在使用ngFor分配一个对象数组来选择选项,如下所示

**j += 10;
^^

我的数据是

int Alter(int &par);
int main()
{
  static int a = 10;
  a = Alter(a);
  std::cout << "a : " << a << std::endl;
  return 0;
}
int Alter(int &par)
{
  par += 10;
  return par;
}

相当直接,现在我想要的是绑定用户指定的item.key和item.value,即他应该能够提及哪个用于选项值和标签。这是我尝试过但没有用的

a = Alter(a);

optionvalue&amp; optionlabel是组件中的字符串,如下所示

<select>
 <option *ngFor="let item of data" [value]="item.key">{{item.value}}</option>
<select>

所以现在当我交换它们时,我可以获得关键值,反之亦然。不知道怎么做

1 个答案:

答案 0 :(得分:1)

您可以使用以下内容:

<option *ngFor="let item of data" value="{{item[itemvalue]}}">
  {{item[optionlabel]}}
</option>

这样我们就可以利用组件中完成的配置。