AngularJS ngOptions排序数组

我一直在尝试使用ng-options来显示一个字体数组，这些字体按照数组中项目的值按字母顺序排序。

HTML

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

$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函数。该函数的结果将使用<，=，>进行排序。操作符。

相关文章