Question

我想动态添加选项以使用angular选择框。例如，如果数量限制为4，则选项应为1,2,3,4。

这就是我的尝试：

<label id="@Html.Raw("token" + ViewBag.Email.Replace("@", "_"))">
@ViewBag.Tokens

这里QuantityLimit对每个选择框都不同。

角度代码：

<select class="form-control" ng-model="selectedQuantity">
                            <option value="1">1</option>
                            <option ng-repeat="n in range(1,edata.Products.QuantityLimit)" value="{{n}}">{{n}}</option>
                        </select>

如果我从select中删除

$scope.range = function (min, max, step) {
    step = step || 1;
    var input = [];
    for (var i = min; i <= max; i += step) input.push(i);
    return input;
};

，

这可以正常工作。有没有办法在不删除ng-model="selectedQuantity"

的情况下执行此操作

Answer 1

您可以使用内联ngInit指令直接从视图中为模型设置初始值：

<select class="form-control" ng-model="selectedQuantity" ng-init="selectedQuantity = 1">

当然，从控制器设置默认值：

$scope.selectedQuantity = 1;

选择您喜欢的

Answer 2

尝试使用ng-options

在select标签中嵌入选项

<select class="form-control" ng-options="n for n in range(1,edata.Products.QuantityLimit)" ng-model="selectedQuantity">
    <option value="1">1</option>
</select>

第一个选项将始终为1，如果可以，您可以将其转换为控制器。

选择框中的动态选项使用角度

2 个答案: