Angular4中获取select选中的值

 

html：

<li class="col-md-6">
  <label>队长:</label>
  <select class="form-control selectpicker show-tick" name="leader"
          data-first-option="false" required data-live-search="true" id="leader" (change)="getChange($event.target.value)">
    <option value="-1">全部</option>
    <option *ngFor="let leader of leaders" [value]="leader.uid">{{leader.name}}</option>
  </select>
</li>

ts：

getChange(uid: string) {
  console.log('=========');
  console.log(uid);
  let leader = $('#leader').val();
  console.log('***********');
  console.log(leader);
}

这两种方法均可获取到选中的值。

private leader: Leader[] = [
  new Leader('123451','张三'),
  new Leader('123452','李四'),
  new Leader('123453','王五'),
];

结果：

html中绑定(change)事件即可