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

Question

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

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

在@Input() 上我有输入字段，e 项的键属性...你如何创建item.myinputfield？

我的项目 1：
[{ "id": 1, "name": "Kevin", }, { "id": 2, "name": "Jordan" } ]

我的项目 2：
[{ "id": 1, "hobby": "Read Book", }, { "id": 2, "hobby": "Music" } ]

在第一种情况下，我想显示姓名属性在我将输入设置为姓名；在第二种情况下，我将使用爱好属性的 json 数据设置输入。我的@Input() 是项目上的属性。显示inputfield项目为空时见上面代码。

在此先感谢您的帮助！马可.

Answer 1

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

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

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

Select dynamic ngFor item property set into @input decorator

angular-components

angular

angular6

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

Select dynamic ngFor item property set into @input decorator

angular-components

angular

angular6

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