我面临的问题是,我无法将团队的俱乐部设置为[selected]
的[ngValue]
选项。但是,如果我使用[value]
和[selected]
,则会将球队的俱乐部设置为该选项,但是我无法通过[value]
这是我的代码:
使用[value]
和[selected]
,将球队的球杆设置为[selected]
选项,但我无法将对象传递给[value]
<select
*ngIf="isEditing"
name="club"
#club="ngModel"
[ngModel]="team?.club">
Change club's logo
<option
*ngFor="let item of premierLeagueTeams"
[value]="item"
[selected]="item === team?.club">
{{ item.club }}
</option>
</select>
使用[ngValue],但当我开始编辑时,选项字段没有团队的俱乐部。
<select
*ngIf="isEditing"
class="team-club-change"
name="club"
#club="ngModel"
[ngModel]="team?.club.clubName"
(change)="changeTeam(club.value)">
Change club's logo
<option
*ngFor="let item of premierLeagueTeams"
[ngValue]="item">
{{ item.clubName }}
</option>
</select>
接口
export interface Team {
name: string,
club: Club,
id: number
}
export interface Club {
clubName: string,
logoURL: string,
venue: string,
city: string
}
而不是(change)
,您必须使用(ngModelChange)
。answer对它们两个都有很好的解释。