Как я могу получить целые (выделенные) объекты из множественного выбора - Angular - PullRequest
Новая
       35

Как я могу получить целые (выделенные) объекты из множественного выбора - Angular

0 голосов
/ 04 февраля 2019

Я пытаюсь получить целые объекты из multiselect dropdown, которые я добавил в свой угловой шаблон.

Но я не знаю, как это сделать, я получаю идентификаторы без проблем, но когдаЯ пытаюсь с целым объектом, я не могу получить его, и он показывает в консоли [object Object]. 

<!-- Select All option -->
<div class="form-group row">
<label class="col-form-label col-lg-3">Roles:</label>
<div class="col-lg-9">
  <select id="applicationModuleFormSelect" name="applicationModuleFormSelect"  [(ngModel)]="amf" class="form-control multiselect-select-all" multiple="multiple" data-fouc>
    <option *ngFor="let amf of appModuleForms;" [value]="amf">{{amf.title}}</option>
  </select>
</div>
</div>
<!-- /select All option -->

 onSubmit() {
    var selectedAppForms = $('#applicationModuleFormSelect').val();
    console.log((selectedAppForms));
}

Как вы можете видеть, я написал [value]="amf", и в консоли я получил это:

[! [Введите описание изображения здесь] [1]] [1]

Также, если я подам JSON.stringify Я получаю аналогичные результаты: 

["1: Object","3: Object"]

Спасибо, ребята, Ура

1 Ответ

0 голосов
/ 04 февраля 2019

использование [(ngModel)]="selectedData"

Демонстрация Stackblitz 

<div class="form-group row">
<label class="col-form-label col-lg-3">Roles:</label>
<div class="col-lg-9">
  <select id="applicationModuleFormSelect" name="applicationModuleFormSelect"  [(ngModel)]="selectedData" class="form-control multiselect-select-all" multiple="multiple" data-fouc>
    <option *ngFor="let amf of appModuleForms;" [value]="amf">{{amf.title}}</option>
  </select>
</div>
</div>
...