Angular ng-multiselect-dropdown populate with an array of objects

Question

This is my code in the html for a 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>

Currently, dataMarcas returns an array:

marcas: [
    'ABC',
    'XYD',
    'ETC',
]

But now I have to populate the dropdown with an Array like this:

[
  {icon: "aquiles.png", id: 853, name: "AQUILES"},
  {icon: "arkan.png", id: 855, name: "ARKAN"}.
  etc
]

I have to populate it with the name property. How can I do it?

blapaz · Accepted Answer · 2019-06-03 16:55:19Z

1

You can include textField: 'name' in your dropdownSettings. ng-multiselect-dropdown

answered Jun 3, 2019 at 16:55

blapaz

3342 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular ng-multiselect-dropdown populate with an array of objects

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related