[英]Angular: unable to bind select option
我想綁定選擇框的選項值。
<select class="form-control" required name="status" id="status" [ngModel]="status" #status="ngModel">
<option value="ONE" [ngValue]="status">Active</option>
<option value="ZERO" [ngValue]="status">Deactive</option>
</select>
我從 API 收到的值如下:
{id: 1, genreName: "Action", genreDescription: "", status: "ZERO"}
另外,當我提交表單時,我看到了控制台日志:
{genre_name: "Action", status: NgModel}
您好,您可以查看以下鏈接:
https://stackblitz.com/edit/angular-select-dropdown-ufit9g?file=src%2Fapp%2Fapp.component.ts
它有一個可行的解決方案。
嘗試這個:
<select class="form-control" required name="status" id="status"
[ngModel]="data.status" (ngModelChange)="onChange($event)" >
<option [value]="'ONE'" >Active</option>
<option [value]="'ZERO'" >Deactive</option>
</select>
TS:
data = {id: 1, genreName: "Action", genreDescription: "", status: "ZERO"}
onChange(e){
console.log(e)
}
https://stackblitz.com/edit/angular-wgdhjv?file=src/app/app.component.ts
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.