arrays - 在 Angular 的 Select Option 中获取选中的对象

Question

我有这个对象数组，我把它放在选择选项上，我想在选择选项中选择一个对象列表。但是我无法获得该对象列表的值。它输出[对象] [对象]。我想获得公司对象的选定列表。我将它分配给 [value]，它得到 [object][Object]。

<div class="select" >
    <select class="form-control col-lg-8" #selectedValue (change)="assignCorporationToManage(selectedValue.value)">
        <option *ngFor="let corporation of user_corporations" [value]="corporation">{{corporation.corp_name}}</option>    
    </select>
</div>

ts

assignCorporationToManage(selectedValue) {
     console.log(selectedValue)
}

Answer 1

像这样尝试:

为您的选择添加 ngModel 并使用 ngModelChange 而不是更改。

1. 添加 ngModel
2. 使用 ngModelChange 而不是更改。
3. 使用 [ngValue] 而不是 [value]。

component.html

<select class="form-control col-lg-8" #selectedValue name="selectedValue" id="selectedValue" [(ngModel)]="selectedValue" (ngModelChange)="assignCorporationToManage($event)">
    <option *ngFor="let corporation of user_corporations" [ngValue]="corporation">{{corporation.corp_name}}</option>
</select>

组件.ts

assignCorporationToManage(selectedValue) {
     console.log(selectedValue)
}