如何从multiselect-Angular中获取整个(选定)对象

如何从multiselect-Angular中获取整个(选定)对象,angular,typescript,angular7,angular-ngmodel,ngfor,Angular,Typescript,Angular7,Angular Ngmodel,Ngfor,我试图从multiselect下拉列表中取出整个对象,我将其添加到我的角度模板中 但我不知道怎么做,我得到的id没有问题,但当我尝试使用整个对象时,我无法得到它,它显示在控制台[对象] 谢谢各位 干杯使用[ngModel]=所选数据 尝试为ngModel指定不同的名称,如[ngModel]=selectedItems,然后在提交时打印该名称。您应该在组件中声明selectedItems。@AmitChigadani您能提供更多详细信息吗..使用[ngValue]而不是[value]@billy_

我试图从multiselect下拉列表中取出整个对象,我将其添加到我的角度模板中

但我不知道怎么做,我得到的id没有问题,但当我尝试使用整个对象时,我无法得到它,它显示在控制台[对象]

谢谢各位 干杯

使用[ngModel]=所选数据


尝试为ngModel指定不同的名称,如[ngModel]=selectedItems,然后在提交时打印该名称。您应该在组件中声明selectedItems。@AmitChigadani您能提供更多详细信息吗..使用[ngValue]而不是[value]@billy_56检查此代码@AmitChigadani检查我的编辑请,示例几乎相同,但我看不到值..请检查我的编辑,答案几乎相同,但我看不出任何价值:/谢谢你们的帮助,伙计们,但可能是plug multiselect取消了我的绑定,但还是投了赞成票!
<!-- 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));
}
["1: Object","3: Object"]
<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>