zoukankan      html  css  js  c++  java
  • angularjs 字段排序 多字段排序

    我们用angularjs {{}},ng-model循环绑定数组或对象的内容的时候,有时候会用到排序,有时候可能会有多个字段排序

    具体要用到过滤

    数据的展现,可以通过ng-repeat实现。当网页解析到ng-repeat的时候,会为每一个数组中的元素都克隆一份标签,进行编译解析。

    如上图  ,用orderBy可以实现排序的功能,具体用法见上图,上图显示的结果如下图,如果你需要由小到大的排序的话,可以把'Age'后面的true去掉,

    请看截图 ,按照年龄从大到小开始排序了

    有时候,我们做开发,数据要比这个复杂,需要对多个字段进行排序,具体做法很简单,(还有一个小写字母换大写,直接在 | 后面加appercase),我们在oederBy后面加入一个数组,数组里把你需要排序的字段写在里面,如下图

    结果如下图

     

     

    好啦,这就是简单的数据排序啦,刚开始的前端小白,欢迎指正

     

     

     

     

     

  • 相关阅读:
    angluar 判断后跳转加参数
    angular 返回上一页
    angular 组件跳转组件 并传参数
    angluar 表单提交时候报错
    angular 中获取select选中的值
    javascript
    将数据渲染到页面的方式:模版
    将数据渲染到页面的几种方式
    跨域
    ajax
  • 原文地址:https://www.cnblogs.com/moxiaodegu/p/8033173.html
Copyright © 2011-2022 走看看