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，即items属性的键...您如何创建item.myinputfield？

我的物品1：
[{ “ id”：1 “ name”：“ Kevin”， }， { “ id”：2 “名称”：“乔丹” } ]

我的物品2：
[{ “ id”：1 “爱好”：“读书”， }， { “ id”：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>

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

1 个答案: