angular - 获取 Angular 5 中 select 元素的值

Question

我有一个汽车品牌的下拉列表，我想将所选汽车品牌的值传递给方法 getCarModelsByBrand(brand)。任何帮助将不胜感激。

<div class="form-group">
      <select (change)="getCarModelsByBrand($event.target.value)" class="form-control" id="sel1">
        <option selected="" value="" selected disabled>Pasirinkite</option>
        <option *ngFor="let brand of brands" value=brand>{{brand}}</option>
      </select>
</div>

Answer 1

使用ngModel使用 2 路绑定(bind)并绑定(bind)到组件上的属性/字段以及 ngModelChange触发选择已更改。

<select [(ngModel)]="modelOfSelectedBrandToBindTo" (ngModelChange)="getCarModelsByBrand($event)" id="sel1" name="sel1">
  <option value="" disabled>Pasirinkite</option>
  <option *ngFor="let brand of brands" [value]="brand">{{brand}}</option>
</select>

---

我删除了示例中不需要的代码来说明这一点