2-7.Angular-filter排序

filter排序

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

<body ng-app="app" ng-controller="xmgController">

<p>{{score | orderBy:'' :true}}</p>

<hr>
<!--
第一个参数: 对哪个字段排序
第二个参数: true:降序, false:升序-->
<p>{{stu | orderBy:'age' : false}}</p>

</body>

<script src="js/angular.js"></script>
<script>
    //1.创建模块
    var app = angular.module('app', []);
    //2.创建控制器
    app.controller('xmgController', ['$scope', function ($scope) {

        $scope.score = [55, 22, 44, 11, 33];

        $scope.stu = [
            {name:'zs', age:18},
            {name:'ls', age:22},
            {name:'yj', age:11},
            {name:'sk', age:33}
        ];

    }]);

    //3.绑定模块 ng-app="app"
    //4.绑定控制器 ng-controller="xmgController"

</script>

</html>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 查找当前页的url Filter是用来格式化数据用的。 Filter的基本原型( '|' 类似于Linux中的管道...
    laiyituan阅读 4,599评论 0 2
  • 概述 排序有内部排序和外部排序,内部排序是数据记录在内存中进行排序,而外部排序是因排序的数据很大,一次不能容纳全部...
    蚁前阅读 5,220评论 0 52
  • 大家好,我是IT修真院成都分院第7期的学员韩建名,一枚正直纯洁善良的WEB前端程序员。 今天给大家带来的是:简述a...
    inh_阅读 518评论 0 1
  • 本文包括:1、Filter简介2、Filter是如何实现拦截的?3、Filter开发入门4、Filter的生命周期...
    廖少少阅读 7,339评论 3 56
  • 大家好,我是IT修真院深圳分院第01期学员,一枚正直纯洁善良的web程序员。 今天给大家分享一下,修真院官网js任...
    嘴角那抹温柔阅读 563评论 0 1