我怎样才能从多选全（选择）对象 - 角

Question

我试图摆脱从multiselect dropdown整个对象，我加入到我的角模板。

但我不知道该怎么做，我得到的ID没有问题，但是当我试图与整个对象，我不能得到它，它显示在控制台[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"]

谢谢你们干杯

Answer 1

使用[(ngModel)]="selectedData"

Stackblitz Demo

<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>