將事件綁定用於選擇框（角度 9）。您可以查看 gif

Question

我希望將標題更改為select的選定值，但我不知道該怎么做。 這是我到目前為止的代碼：

組件.html

<p>Team:</p>

<select (Change)="selectchange($event)">
  <option *ngFor="let t of teams" [ngValue]="t" >
      {{t.team}}
  </option>
</select>
<h1>your team:<div>{{}}</div></h1>

組件.ts

teams= [
    { team: 'Galatasaray', value: '4 yıldızlı tek takım' },
    { team: 'Fenerbahçe', value: '3 yıldızlı takım'},
    { team: 'Beşiktaş', value: '3 yıldızlı takım'}
];

我正在尋找的動畫示例

Answer 1

使用創建 selectedTeam 變量並使用ngModel綁定它。

<select [(ngModel)]="selectedTeam" (ngModelChange)="selectchange($event)">
  <option *ngFor="let t of teams" [ngValue]="t" >
      {{t.team}}
  </option>
</select>
<h1>your team:<div>{{selectedTeam?.team + selectedTeam?.value}}</div></h1>