2016-05-13 49 views
1

我正在嘗試使用動態數據爲組合框添加值。問題是這個值沒有顯示在我選擇的組合框中。無法將值添加到組合框中的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> 

在我的控制器時,我想增加價值refouti這樣的:

$scope.refouti="OPCOM"; 

我得到這樣的

enter image description here

謝謝到任何支持。

+0

你想增加值作爲默認值? –

+0

不,它不是一個默認值我不想粘貼所有的代碼,因爲它會看起來更復雜''scope.refouti =動態值,在每個條件下改變'ps如果我想添加一個默認值,我會添加一個默認值選項與該值 –

+1

我建議你在選擇中使用ng-options而不是ng-repeat。 –

回答

1

在select上使用ng-options。

這裏發生的事情:

你的NG-重複的作品,它打印出多個<option>標籤。 但是沒有使用ng-options,angular並不知道他在玩選擇。因此,改變ng-model的值直接改變了它清空的選擇框的'值'。在你的情況下,你需要將一個新的數組對象推到$scope.outills(或覆蓋),而不是$scope.refouti

+0

okey我同意你的說法,但我試過使用ng-option它仍然是同樣的問題,當我使用'$ scope.refouti = anyvalue時, '在ng選項中,我有相同的ng模型,我沒有像這樣改變它'ng-model =「selected」',這裏的問題是我如何在我的combobox中選擇一個值anyvalue' –

+1

也許這會回答你的問題:http://stackoverflow.com/questions/17968760/how-to-set-a-selected-option-of-a-dropdown-list-control-using-angular-js –

相關問題