我試圖從串列中獲取 id,但作為回應,我得到了一個這樣的物件:
Event {isTrusted: true, type: "change", target: select.form-select.w-50.p-2.text-primary.mt-2, currentTarget: select.form-select.w-50.p-2.text-primary.mt-2, eventPhase: 2, …}
html:
<select aria-label="select" (change)="onChangeObj($event)">
<option *ngFor="let category of (categories$ | async)" [value]="category.id">{{category.categoryName}}</option>
</select>
ts:
selectedObj= '';
onChangeObj(newObj: any) {
this.selectedObj = newObj;
console.log(this.selectedObj)
}
uj5u.com熱心網友回復:
我建議使用兩種方式的資料系結,但如果你不想使用它,那么你需要從 $event.target.value
<select aria-label="select" (change)="onChangeObj($event.target.value)">
<option *ngFor="let category of (categories$ | async)" [value]="category.id">{{category.categoryName}}</option>
</select>
uj5u.com熱心網友回復:
你得到的是一個Event物件。您需要value使用event.target.value.
TS:
selectedObj= '';
onChangeObj(event: Event) {
this.selectedObj = (event.target as HTMLSelectElement).value;
console.log(this.selectedObj)
}
更多詳情:https : //developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/398039.html
標籤:有角的
