Html 如何在angular2中按以下要求实现下拉菜单

默认情况下，我希望在此下拉列表中设置值：

{{getTeamName（employee.team）}

并绑定

{{team.$value}}

中的值

<div class="form-group">
    <label for="team">Designation</label>
    <select [(ngModel)]="selectedValue" [ngModelOptions]={standalone:true}">
        <option *ngFor="let team of teams">{{team.$value}}</option>
    </select>
</div>

---

<> p>可以直接考虑绑定<代码> ePyyee .TeaS/Cuff>在NGMys中填充<<代码> TeaS/<代码>对象，并在选项级别上填充下拉代码<>代码> [ngValu] =“团队”< /代码>。不确定什么是

team.$value

，我假设您要显示

team.name

<div class="form-group">
   <label for="team">Designation</label>
   <select [(ngModel)]="employee.team" [ngModelOptions]={standalone:true}">
       <option [ngValue] *ngFor="let team of teams">{{team.name}}</option>
   </select>
</div>

任命

{{team.$value}}
在employee.tam中仅存储团队的密钥，在团队中存储团队的密钥和值team@Krunal我不明白你的意思，你能详细说明一下吗？所以我在employee.team中使用getTeamName（employee.team）得到了团队名称，那么呢？什么是
team.$value
？@Krunal您所采用的方法有问题。通常，最好解释一个解决方案，而不是仅仅发布几行匿名代码。你可以阅读，也可以。问题已经解释了，但解决方案没有。另外，如果这是你问题的最终解决方案，你应该检查它是否被接受。这是如何解决你的问题的，请解释一下，仅仅写一个答案并不意味着对其他人有帮助？
<div class="form-group">
   <label for="team">Designation</label>
   <select [(ngModel)]="employee.team" [ngModelOptions]={standalone:true}">
       <option [ngValue] *ngFor="let team of teams">{{team.name}}</option>
   </select>
</div>

  <select [(ngModel)]="employee.team" [ngModelOptions]="{standalone: true}">
      <option *ngFor="let team of teams"  [value]="team.$key" [selected]="employee.team == team.$key" >{{team.$value}}</option>
  </select>