将事件绑定用于选择框（角度 9）。您可以查看 gif

Question

I would like the title to change to the selected value from the select , but I'm not sure how to do that. This is the code I have so far:

component.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>

component.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'}
];

An example animation of what I'm looking for

Answer 1

Use create a selectedTeam variable and bind it using 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>