Angular 2 ngFor与动态数据

Question

<ion-list>
    <ion-item *ngFor="let item of items $index"(click)="open($event, item)">
        {{item.Name}}
    </ion-item>
</ion-list>




<ion-item *ngFor="let item of items"(click)="open($event, item)">
        {{item[searchKey]}}
</ion-item>

如何动态{{item.Name}}和{{item [searchKey]}}动态访问json键。 searchKey变量

Answer 1

<ion-list>
    <ion-item *ngFor="let item of items"(click)="open($event, item)">
        {{getListItem(item)}}
    </ion-item>
</ion-list>

getListItem(item) {
  let retItem =''
  for (var prop in item){
      if(prop=this.searchKey)  {
      retItem =item[prop];
     }

    return retItem;
}

对于可重用选择组件-可以正常工作