將選擇元素綁定到角度上的對象我對棱角分明是陌生的,我試著用新的做事方法來提高速度。我想將SELECT元素綁定到對象列表中-這很容易:@Component({
selector: 'myApp',
template: `<h1>My Application</h1>
<select [(ngModel)]="selectedValue">
<option *ngFor="#c of countries" value="c.id">{{c.name}}</option>
</select>`})export class AppComponent{
countries = [
{id: 1, name: "United States"},
{id: 2, name: "Australia"}
{id: 3, name: "Canada"},
{id: 4, name: "Brazil"},
{id: 5, name: "England"}
];
selectedValue = null;}在本例中,selectedValue似乎是一個數字-所選項的id。但是,我實際上希望綁定到Country對象本身,這樣selectedValue就是對象,而不僅僅是id。我嘗試更改選項的值,如下所示:<option *ngFor="#c of countries" value="c">{{c.name}}</option>但這似乎行不通。它似乎在我選擇的價值中放置了一個對象-但不是我所期望的對象。你可以的在我的柱塞例子中看到這個.我還嘗試綁定到Change事件,以便能夠根據選定的id自行設置對象;但是,似乎在更新綁定ngModel之前,更改事件就會觸發-這意味著我在此時無法訪問新選定的值。是否有干凈的方法將SELECT元素綁定到具有角2的對象?
將選擇元素綁定到角度上的對象
幕布斯6054654
2019-06-20 16:59:53