Angular2 [selected]不适用于[ngValue]

问题描述 投票:0回答:1

我面临的问题是,我无法将团队的俱乐部设置为[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
}
angular angular8 angular2-forms
1个回答
0
投票

而不是(change),您必须使用(ngModelChange)answer对它们两个都有很好的解释。

© www.soinside.com 2019 - 2024. All rights reserved.