在 AngularJS 中,我们可以使用内置的 orderBy
过滤器来对数组进行排序。该过滤器允许我们按照指定的属性对数组中的项进行排序。
基本语法
下面是 orderBy
过滤器的基本语法:
<div ng-repeat="item in items | orderBy:propertyName"></div>
其中,items
是要排序的数组,propertyName
是要按照其进行排序的属性名称。默认情况下,排序是升序的,如果需要降序排序,则可以添加一个负号 -
,例如:
<div ng-repeat="item in items | orderBy:'-propertyName'"></div>
示例代码
下面是一个简单的示例,展示如何按照学生年龄从小到大排序:
-- -------------------- ---- ------- --------- ----- ----- --------------- ------ ----- ---------------- ---------------- ------- --------------- ------- --------------------------------------------------------------------------------- ------- ----- ----------------------- ----------------- ------- ---- ------------- ------------ ----- --- ------------------ -- -------- - --------------- ------ ------------ ------- ------ ----------- ------- ----- -------- ------- -------- --- --- - ----------------------- ---- ------------------------ ---------------- - --------------- - - -------------- -------- ------------ -------- ---------------- -------- -------------- ------- -- --- --------- -------
在上面的示例中,我们创建了一个名为 myApp
的 AngularJS 应用,并在其中定义了一个控制器 myCtrl
。该控制器包含一个名为 students
的数组,其中包含四个学生的姓名和年龄信息。我们使用 ng-repeat
指令将这些学生信息显示在表格中,并根据学生年龄从小到大排序。
小结
使用 AngularJS 的 orderBy
过滤器可以方便地对数组进行排序。只需要指定要按照哪个属性进行排序即可。在实际开发中,我们经常需要对数据进行排序,因此掌握这一技能非常有用。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/25156