Выберите динамическое свойство элемента ngFor, установленное в @input decorator

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 () У меня есть поле ввода, e Свойство Key of items ... Как вы создаете item.myinputfield?

мои вещи 1:
[{ "id": 1, "имя": "Кевин", }, { "id": 2, "имя": "Джордан" } ]

мои вещи 2:
[{ "id": 1, «хобби»: «Читать книгу», }, { "id": 2, "хобби": "музыка" } ]

В первом случае я хочу отобразить свойство name при установке ввода с именем; во втором случае я хотел бы установить входные данные со свойством хобби данных JSON. My @Input () - это свойство элементов. См. Код выше, когда при отображении поля ввода элемент пуст.

Спасибо заранее за помощь! Марко.

Answer 1

Вы можете просто использовать [] вот так

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