2016-05-13 4 views
1

コンボボックスに値を動的データで追加しようとしています。問題は、選択された値が私のコンボボックスに表示されないことです。私はこのようなrefoutiに値を追加したいときコンボボックスのngモデルに値を追加できませんでした

は、ここに私のコントローラで私のhtml

<label>Veuillez choisir l'outil de référence :</label> 
<select class="form-control" 
     ng-model="refouti" 
     ng-change="getversion()"> 
    <option value="" selected> 
     Tous 
    </option> 
    <option ng-repeat="o in outills" 
      value={{o.id}}> 
     {{o.nomref}} 
    </option> 
</select> 

です:

$scope.refouti="OPCOM"; 

私はこの

enter image description here

のような何かを得るおかげでどんなサポートにも。

+0

デフォルト値として値を追加しますか? –

+0

いいえ、デフォルト値ではありません。もっと複雑に見えるので、すべてのコードを貼りたくありませんでした。 '' $ scope.refouti =各条件で動的値を変更する '' psデフォルト値を追加したい場合は、オプションを指定してください。 –

+1

selectでng-repeatの代わりにng-optionsを使用することをお勧めします。 –

答えて

1

選択時にng-optionsを使用します。

はここで何が起こっているのかです:

あなたNGリピート作品は、それが複数の<option>のタグを出力します。 BUT ng-optionsを使用しないと、angleは実際に彼が選択して再生していることはわかりません。そのため、ng-modelの値を変更すると、選択ボックスの '値'が直接変更されて空になります。あなたの場合、新しい配列オブジェクトを$scope.outills(または上書き)にプッシュする必要があります。$scope.refouti

+0

okeyこれであなたに同意しますが、ng-optionを使ってみましたが、これは同じ問題です。この' $ scope.refouti = anyvalue 'ps in ng option私は同じngモデルを持っていますが、' ng-model = "selected" 'のように変更しませんでした。ここでの問題は、どのようにしてその値を' anyvalue'を私のコンボボックス –

+1

これはあなたの質問に答えるでしょう:http://stackoverflow.com/questions/17968760/how-to-set-a-selected-option-of-a-dropdown-list-control-using-angular-js –

関連する問題