AngularJS ngOptions排序数组

前端之家收集整理的这篇文章主要介绍了AngularJS ngOptions排序数组前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我一直在尝试使用ng-options来显示一个字体数组,这些字体按照数组中项目的值按字母顺序排序。

HTML

<select ng-options="font for font in webfonts | orderBy:'font'" name="fonts">
     <option value="">Choose a font</option>
</select>

JS

$scope.webfonts = [ 
        'Abel','Crafty Girls','Lato','Average','Corben','Quicksand',... ];

我试过改变orderBy和其他东西的值。我已经阅读了documentation以及所有评论

我错过了什么?这应该只适用于物体吗?

这是你需要做的:
<select ng-model="selected" ng-options="font for font in webfonts | orderBy:'toString()' " name="fonts">

>您需要添加ng-model以正确地使绑定适用于字符串列表。
>如果输入包含字符串列表,则可以使用toString()进行排序。由于orderBy的表达式可以是Getter函数。该函数的结果将使用<,=,>进行排序。操作符。

Demo

猜你在找的Angularjs相关文章