具有预定义选择选项的ng-model

Question

好吧，我确信这个超级简单，虽然它在逃避我。

我有一个非常简单的下拉选择菜单 - 如下所示 - 带有预定义的选项。

我在我的控制器中设置$scope.qty并正确选择了相应的<option>

但是，在我的控制器中，在save()函数中，当我得到$scope.qty的值时，我得到我之前设置的原始值，而不是新选择的值。

我错过了将我选择的选项绑定到模型？

        <select ng-model="qty">
               <option value="1">1</option>
               <option value="2">2</option>
               <option value="3">3</option>
               <option value="4">4</option>
        </select>

在我的控制器中，我设置了数量

$scope.qty = 4;

当我改变我的选择时，说2， $scope.qty仍然等于4。

Answer 1

您只需在ng-options创建数组：

<select ng-options="nr for nr in [1,2,3,4]" ng-model="qty"></select> 

虽然你这样做的方式通常也应该有效。 ng-options ng-model不需要ng-options 。 这是相反的方式。

Answer 2

AngularJS 1.3仅允许单个选项元素可用于空值（也就是未选中）。

您需要使用ngOptions约定。

这是解释这个的文档：
https://docs.angularjs.org/api/ng/directive/select