AngularJS ngOptions排序数组

发布时间：2020-12-17 08:01:56 所属栏目：安全来源：网络整理

导读：我一直在尝试使用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 = [ 'Ab

我一直在尝试使用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函数。该函数的结果将使用<，=，>进行排序。操作符。

Demo

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!