选择动态 ngFor 项目属性设置为 @input 装饰器

Question

在我的 Angular 6 代码中，我尝试创建我的选择组件。

<ng-select [(ngModel)]="selecteditemid">
   <ng-option *ngFor="let item of items" [value]="item.id">
       {{item.inputfield}} <---- ERRORE
   </ng-option>
</ng-select>

在 @Input() 我有 inputfield , e Key of items 属性...你如何创建 item.myinputfield？

我的项目 1：
[{ “身份证”：1， “姓名”：“凯文”， }, { “身份证”：2， “名称”：“约旦” } ]

我的物品 2：
[{ “身份证”：1， “爱好”：“读书”， }, { “身份证”：2， “爱好”：“音乐” } ]

在第一种情况下，我想在我用名称设置输入时显示名称属性；在第二种情况下，我将使用 json 数据的 hobby 属性设置输入。我的 @Input() 是项目的属性。当显示输入字段为空白时，请参见上面的代码。

非常感谢您的帮助！。马可。

Answer 1

你可以像这样简单地使用 []

<ng-select [(ngModel)]="selecteditemid">
   <ng-option *ngFor="let item of items" [value]="item.id">
       {{item[inputfield]}}
   </ng-option>
</ng-select>