2016-12-19 17 views
3

私は複数のソリューションに遭遇しましたが、私の視点から興味のあるものは見つかりませんでした。angle2コンポーネントのselectから値を取得する方法は?

enter image description here

私は見当がつかない:コンソールで次のJSONをレンダリングする

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

:私はtypescriptですファイルを持っている

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

私は、コンポーネントを持っています何故私はでテストしたので、値を選択できないのですか?。

+0

ngModelは、言語を持つ配列を指し、なぜ? –

+0

私はテーブルのためにそれをやったが、私はこれにはとても自信がないので、私は知らない。 –

+0

私はすでにテーブルのためにそれをしましたが、私はこれに自信を持っていませんので、わかりません。それは何を参照する必要がありますか? –

答えて

0

name属性を設定し、[ngModelOptions]="{standalone: true}"を削除する必要があります。

Forms:

各入力要素がフォームにコントロールを登録する角度フォームが必要とするname性質を有しています。

あなたができないのは、単一のプロパティを複数の値の型変数にバインドすることです。あなたが複数の値を選択したい場合は、ngValueにバインドlanguage

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

</select> 
0

を使用する必要があります。

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