zoukankan      html  css  js  c++  java
  • angular的过滤器

      angular的过滤器分为页面过滤器和js过滤器

      一、页面过滤器

        先创建好模板和控制器使数据正常显示,然后在body的html属性中添加过滤器。比如currency和data

       

    {{money | currency:'¥'}}
    {{myData | data}}
    {{myJson |json:8}}冒号后面代表缩进的长度

      二、js过滤器$filter

        这种过滤器是js控制器的一个属性,具体写法如下

      

    首先创建一个控制器
    myApp.controller('myCon',[$scope.$filter,function($scope,$filter){
        $scope.money=9998;
        $scope.result=$filter('currency')($scope.money,'¥')    
    }])

      三、两个数组 的操作

      orderBy和limitTo

      orderBy:'+'/'-'  +表示从小到大   -表示从大到小 也是属于页面操作

    {{item in arr|orderBy:'+'}}

      注意这里的orderBy是对数组的操作,不能单个对item操作

      linmiTo:5:2  第一个参数是表示显示几个数字,第二个参数是表示从第几个数字开始显示

      

    {{msg|limiTo:5:2}}

      表示从第二个数字开始显示5个数字

      四、filter过滤器

      个人感觉filter是一个自定义的模糊过滤器

    <input type="text" ng-model="search">
        <ul>
          <li ng-repeat="item in todos | filter : {completed:search} ">
            {{item.name}},{{item.completed}}
          </li>
        </ul>
  • 相关阅读:
    MarkDownPad2 注册码
    如何让你的.vue在sublime text 3 中变成彩色?
    字典树入门
    博弈论
    复杂度问题
    gets scanf以及缓冲区域的问题
    对象
    矩阵转置的一般算法
    二叉树的建立、遍历、叶子节点计数、深度计算
    D
  • 原文地址:https://www.cnblogs.com/slpo007/p/6863589.html
Copyright © 2011-2022 走看看