AngularJS ng-options未呈现值

21 浏览
0 Comments

AngularJS ng-options未呈现值

如何渲染以下选项列表的值？

$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'}
                ]; enregistrement par page

预期结果（期望在value=\"limit.value\"中）：

结果：

admin 更改状态以发布 2023年5月24日
0

2 答案

0 Comments

为了使它工作，您(我们)必须改变向服务器提交数据的方式。\n浏览器很“愚蠢”，它不关心AngularJS、jQuery或任何其他JavaScript框架在后台代码中做的魔术。如果选项包含索引值而不是实际值，浏览器将向服务器发送索引值。\n如果要使其工作，您可以使用ng-repeat与option标记结合使用以呈现正确的值，或者通过从AngularJS控制器调用.post方法提交数据。\n这就是我既爱又恨AngularJS的原因。

0
0 Comments

ng-options 指令不会设置 元素的 value 属性。它总是使用一个序列。

使用 limit.value as limit.text for limit in limits 的意思是：

  • 将 标签的标签设为 limit.text
  • 将 limit.value 保存到选择框的 ng-model 中

查看这个 fiddle: http://jsfiddle.net/bmleite/k58Hw/

0