Angular: невозможно привязать опцию выбора

Question

Я хочу связать значения параметров окна выбора.

<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: "Действие", статус: NgModel}

Answer 1

Попробуйте это:

<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

Answer 2

Привет, вы можете проверить ссылку ниже:

https://stackblitz.com/edit/angular-select-dropdown-ufit9g?file=src%2Fapp%2Fapp.component.ts

У него есть рабочее решение для него.