html - Angular(Typescript):如果双向绑定(bind)，如何将selected选项设置为“selected”？

这是我的HTML代码片段：

  G Level 3:
  <select [ngModel]="selectedg3" (ngModelChange)="selectG3Changed($event)">
      <option [ngValue]="g3" *ngFor="let g3 of fetchService.gLevels3" [selected]="g3.name == selectedTask.glevel3.name">{{g3.name}}</option>
  </select><br>

这是我的typescript片段：

  selectG3Changed(g3:GLevel){
    this.selectedg3 = g3;
  }

my select保留所有选项，但保留为空，它不是选择set选项。
但如果我这样脱下我的包袱：

  G Level 3:
  <select>
      <option *ngFor="let g3 of fetchService.gLevels3" [selected]="g3.name == selectedTask.glevel3.name">{{g3.name}}</option>
  </select><br>

它将显示与glevel3.name匹配的选项。如何将绑定与[选定的]组合？

最佳答案

你能试试这个吗？

  <select (change)="selectG3Changed($event)">
      <option *ngFor="let g3 of fetchService.gLevels3" [selected]="g3.name === selectedTask.glevel3.name">{{g3.name}}</option>
  </select><br>

关于html - Angular(Typescript):如果双向绑定(bind)，如何将selected选项设置为“selected”？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51782150/