2017-10-09 8 views
2

を使用せずに、[(ngModel)]と選択メニューを生成し、私は、リストを反復処理せずに動作するようにselectメニューを取得しようとして約3時間を費やし:今日* ngFor

<select [(ngModel)]="selectedValue"> 
    <option [ngValue]="value1">First Value</option> 
    <option [ngValue]="value2">Second Value</option> 
</select> 

しかし、すべての値未定義になる...ここで何が起こっているのか?

+0

:あなたはまた、のような単純な文字列の割り当てのために行くことができ

public value1 = 'value1'; 

:私はあなたのようなあなたのコンポーネントのコード内でそれらを定義するために忘れてしまったと思います'コンポーネントクラスでは?あなたは[mcve]を与えることができますか? – jonrsharpe

答えて

3

問題NgValueディレクティブは、あなたのコンポーネントでvalue1value2と呼ばれる変数を探しているということですが、彼らは定義されていないので、すべてのオプションの値はundefinedです。あなたの値はstringになりたい場合は、単に''を追加:あなたはngValue経由でオプションのコンポーネントメンバ変数value1value2をバインドしようとしている

<select [(ngModel)]="selectedValue"> 
    <option [ngValue]="'value1'">First Value</option> 
    <option [ngValue]="'value2'">Second Value</option> 
</select> 
+1

*フェイスパーム*これはまさに私がやったことです – dslosky

1

。 `value1`と`値2の値*は何*

<option ngValue="value1"></option>