angular--点击编辑的时候，下拉列表选中

ngOnInit() {
  this.uid = this.routeInfo.snapshot.params['id'];
  this.sportTeam = this.eventListService.getSportTeamById(this.uid);
  //  this.eventListService.getSportTeamById(this.uid).subscribe(
  //    sportTeam => this.sportTeam = sportTeam
  // );
  //获取所有的等级
  this.levels = this.eventListService.getAllLevel();
//   this.eventListService.getAllLevel().subscribe(
//     levels => this.levels = levels
// );
  //获取所有的教练员
  this.coachers = this.eventListService.getAllCoachers();
  // this.eventListService.getAllCoachers().subscribe(
  //   coachers => this.coachers = coachers
  // );
  let fb = new FormBuilder();
  setTimeout( () => {
    this.formModel = fb.group({
      id: [this.sportTeam.id],
      uid: [this.sportTeam.uid],
      teamName: [this.sportTeam.teamName],
      teamLevel: [this.sportTeam.teamLevel],
      trainer: [this.sportTeam.trainer],
      basicSituation: [this.sportTeam.basicSituation],
      equipment: [this.sportTeam.equipment],
      pic: [this.sportTeam.pic]
    });
  },3000);
  if (this.sportTeam.trainer == $('#trainer').val()) {
    $('#trainer').css("selected","selected");
  }
  if (this.sportTeam.teamLevel == $('#level').val()) {
    $('#level').css("selected","selected");
  }
}

<li>
  <span class="message_title">运动队级别：</span>
  <select name="" class="" style="width: 174px;height: 26px;" id="level" formControlName="teamLevel">
    <option value="-1">全部</option>
    <option *ngFor="let level of levels" value="{{level?.uid}}">{{level?.name}}</option>
  </select>
</li>
<li>
  <span class="message_title" style="padding-right: 28px">教练员：</span>
  <select name=""style="width: 174px;height: 26px;" id="trainer" formControlName="trainer">
    <option value="-1">全部</option>
    <option *ngFor="let coacher of coachers" [value]="coacher?.uid">{{coacher?.name}}</option>
  </select>
</li>

效果图