Angular JS - 在页面加载 - 按升序排列数组

Question

有没有办法可以像下面那样安排一个简单的数组：

<div ng-init="fruits=['apple','orange','mango','banana','pineapple','kiwi']">

按页面加载的升序排列

我尝试了这个，但它有效：

<ul>
<li ng-repeat="fruit in fruits | orderBy:predicate='fruit'">{{fruit}}</li>
</ul>

我确定必须有一些非常简单的方法，但由于我是Angular的新手，我希望得到帮助。

Answer 1

predicate='fruit'不是有效的orderBy表达式（至少不是一个有意义的表达式）。要将数组中的orderBy项作为字符串，请使用'toString()'作为谓词...

<ul>
    <li ng-repeat="fruit in fruits | orderBy:'toString()'">{{fruit}}</li>
</ul>

JsFiddle