如何在 AngularJS 中对 INIT 中的元素进行排序

Question

好的，给你们。

我正在学习 Angular 并且想知道如何订购商品（字符串数组）。我知道使用控制器等有不同的方法，但我今天才开始学习它。

想知道是否有办法对名称进行排序？我知道 orderBy 可以应用于对象数组中的属性名称，如果我们有的话，但是将它放在 ng-repeat 中。

但是我下面的代码是如何实现的呢？

编辑： 我需要在页面加载时的初始显示以及用户在过滤时在文本框中键入内容时使用 orderby。

<html data-ng-app="">
<head>
    <title></title>
</head>
<body data-ng-init="names=['Sita','Ram', 'Amit','Cat','Boushick' ] ">
    <input type="text" name="txtName" data-ng-model="typedName" />
    <br />
    Typed Name is: {{ typedName }}
    <br />
    Names:
    <ul |orderBy:'names' >
        <li data-ng-repeat="personName in names | filter:typedName "> {{ personName | uppercase}}

        </li>
    </ul>
    <script src="Scripts/angular.min.js"></script>
</body>
</html>

Answer 1

在过滤器之前使用 orderBy:'toString()':)

<li data-ng-repeat="personName in names | orderBy:'toString()'|filter:typedName "> {{ personName | uppercase}}

这里是Plunker

Answer 2

是的，使用 orderBy 作为，

<li data-ng-repeat="personName in names | orderBy:personName | filter:typedName "> ...

这里是 Demo Plunker

如何在 AngularJS 中对 INIT 中的元素进行排序

How to order elements in INIT in AngularJS

angularjs

angularjs-directive

angularjs-ng-repeat