angularjs - 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>

提琴手