角動態選擇

Question

HTML

<select ng-model="data.retour.selectedAmount" ng-options="c.name for c in getAmountArray(data.retour.amount)"> 
</select> 

角

angular.extend($scope, { 
    /** 
    * Data properties 
    * @property view 
    */ 
    data: { 
     retour:{} 
    } 
    }); 
    getAmountArray: function (amount) { 
     amount = parseInt(amount, 10); 
     var i, lArray = []; 
     for (i = 1; i < (amount + 1); i++) { 
      lArray.push({name: i}); 
     } 
     return lArray; 
    } 

與上面的代碼我試圖產生動態1-（量+ 1）範圍內的下拉。似乎所有的工作，除了有一個空值添加到下拉列表中。爲什麼添加這個空值？

E.G.當用量爲1生成的列表是

blank 

1 

，它應該是

1 

Answer 1

它發生與ng-options，當你不設置您的ng-model。將您的$scope.data.retour.selectedAmount設置爲getAmountArray()返回的其中一個值應解決此問題。

您可以在您的控制器中執行此操作，或者使用ng-init直接在視圖中進行設置。對於〔實施例，下面選擇1，並消除了空白：

<select ng-model="data.retour.selectedAmount" ng-options="c.name as c.name for c in getAmountArray(data.retour.amount)" ng-init="data.retour.selectedAmount = 1"></select>