AngularJS ng-选项不呈现值

Question

如何呈现以下选项列表的值？

$scope.limits = [ {value:  '5', text: 'Afficher 5 par page'},
                  {value: '10', text: 'Afficher 10 par page'},
                  {value: '15', text: 'Afficher 15 par page'},
                  {value: '20', text: 'Afficher 20 par page'}
                ];

<select id="limitType" name="limit" ng-model="limit" ng-options="limit.value as limit.text for limit in limits"></select> enregistrement par page

预期结果（预期值="limit.value"：

<select ng-options="option.value as option.text for option in limits" ng-model="limit" id="limitType" class="ng-pristine ng-valid">
    <option value="5" selected="selected">Afficher 5 par page</option>
    <option value="10">Afficher 10 par page</option>
    <option value="15">Afficher 15 par page</option>
    <option value="20">Afficher 20 par page</option>
</select>

结果:

<select ng-options="option.value as option.text for option in limits" ng-model="limit" id="limitType" class="ng-pristine ng-valid">
    <option value="0" selected="selected">Afficher 5 par page</option>
    <option value="1">Afficher 10 par page</option>
    <option value="2">Afficher 15 par page</option>
    <option value="3">Afficher 20 par page</option>
</select>

Answer 1

我意识到这是一个老问题，但我也有一个问题。我的简单解决方案是创建一个隐藏的输入，并使用ngModel和select绑定它。然后，在执行常规表单提交时，提交隐藏的输入。希望这有帮助。

Answer 2

要使其正常工作，您（我们）必须更改向服务器提交数据的方式。

浏览器是“愚蠢的”，它不关心AngularJS、jQuery或任何其他JavaScript框架在代码背后发挥魔力。如果该选项包含索引值而不是实际值，浏览器将向服务器发送索引值。

如果要使其正常工作，必须将ng repeat与option标记结合使用以呈现正确的值，或者通过调用提交数据。来自AngularJS控制器的post方法。

这就是我爱的原因

Answer 3

ng-选项指令不会在上设置值属性

使用limit.valuelimit.text限制意味着：

• 设置

检查这个小提琴：http://jsfiddle.net/bmleite/k58Hw/