Angular ng-multiselect-dropdown 填充对象数组
Angular ng-multiselect-dropdown populate with an array of objects
这是我在 html 中用于 ng-multiselect-dropdown 的代码:
<div class="form-group" *ngIf="paisActivo != '-1'">
<ng-multiselect-dropdown
[placeholder]="'[Seleccione Marca]'"
[data]="dataMarcas"
[(ngModel)]="adminTresActivos"
[settings]="dropdownSettings"
(onSelect)="onItemSelect($event)"
(onDeSelect)="onItemDeSelect($event)"
[class]="'form-control custom-form-control'"
>
</ng-multiselect-dropdown>
</div>
目前,dataMarcas
returns 一个数组:
marcas: [
'ABC',
'XYD',
'ETC',
]
但现在我必须用这样的数组填充下拉列表:
[
{icon: "aquiles.png", id: 853, name: "AQUILES"},
{icon: "arkan.png", id: 855, name: "ARKAN"}.
etc
]
我必须用 name
属性 填充它。我该怎么做?
您可以在 dropdownSettings
中包含 textField: 'name'
。 ng-multiselect-dropdown
这是我在 html 中用于 ng-multiselect-dropdown 的代码:
<div class="form-group" *ngIf="paisActivo != '-1'">
<ng-multiselect-dropdown
[placeholder]="'[Seleccione Marca]'"
[data]="dataMarcas"
[(ngModel)]="adminTresActivos"
[settings]="dropdownSettings"
(onSelect)="onItemSelect($event)"
(onDeSelect)="onItemDeSelect($event)"
[class]="'form-control custom-form-control'"
>
</ng-multiselect-dropdown>
</div>
目前,dataMarcas
returns 一个数组:
marcas: [
'ABC',
'XYD',
'ETC',
]
但现在我必须用这样的数组填充下拉列表:
[
{icon: "aquiles.png", id: 853, name: "AQUILES"},
{icon: "arkan.png", id: 855, name: "ARKAN"}.
etc
]
我必须用 name
属性 填充它。我该怎么做?
您可以在 dropdownSettings
中包含 textField: 'name'
。 ng-multiselect-dropdown