如何从多选中获取整个（选定的）对象 - Angular

Question

我试图从 multiselect dropdown 中取出整个对象，我已将其添加到我的 angular 模板中。

但我不知道该怎么做，我可以毫无问题地获取 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>

如何从多选中获取整个（选定的）对象 - Angular

How can I get whole (selected) objects from multiselect - Angular

typescript

angular-ngmodel

ngfor

angular

angular7