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)事件即可。