如何從一個選擇的值在angular2成分？

我遇到了多種解決方案，但從我的角度來看沒有發現任何有意思的東西。如何從一個選擇的值在angular2成分？

我有一個組件：

<select [(ngModel)]="languages" [ngModelOptions]="{standalone: true}"> 
    <option *ngFor="let language of languages">{{language.languageName}}</option> 
</select>

我有打字稿文件：

getCountries(): void{ 
    this.country.find({}).subscribe((data)=>{ 
    this.countries = data; 
    console.log(data);}, err =>{ console.log(err);});

這使得在控制檯下面的JSON：

enter image description here

我不知道爲什麼我無法選擇任何值，因爲我也使用進行測試。

來源

2016-12-19 Philippe Corrèges

爲什麼ngModel是指用語言數組？ –

我已經爲一張桌子做過了，但是因爲我對這個我不太瞭解，所以我不知道。 –

我已經爲一張桌子做過了，但是因爲我對此不太有信心，所以我不知道。它必須提及什麼？ –

您需要設置一個name屬性，然後刪除[ngModelOptions]="{standalone: true}"。

Forms:

每個輸入元件具有由角形式需要註冊到形式的控制的name屬性。

你不能做的是將一個屬性綁定到一個多值類型變量。如果你想選擇多個值，你應該使用

<select multiple name="selectedLanguages" [(ngModel)]="selectedLanguages"> 
    <option *ngFor="let language of languages" [value]="language.languageCode"> 
     {{language.languageName}} 
    </option> 

</select>

來源

2016-12-19 13:46:21

綁定language到ngValue：

<select [(ngModel)]="languages" [ngModelOptions]="{standalone: true}"> 
    <option *ngFor="let language of languages" [ngValue]="language">{{language.languageName}}</option> 
</select>

來源

2016-12-19 13:52:48

如何從一個選擇的值在angular2成分？

回答

相關問題