角度动态选择

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-（amount + 1）范围下拉列表。 似乎一切正常，除了下拉菜单中添加了一个空值。 为什么要增加这个空值？

EG，当数量为1时，生成的列表为

blank

1

它应该是

1

Answer 1

当您不设置ng-model时，它会与ng-options一起发生。 将$scope.data.retour.selectedAmount设置$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>