zoukankan      html  css  js  c++  java
  • angularjs的$filter使用

    angularjs的$filter使用

    $filter服务可以在js中对数据进行过滤处理,ng有几个内建的filter,其中有一个叫filter的filter,可方便的实现属性的过滤。
    详细的API参考:https://docs.angularjs.org/api/ng/filter/filter

    js中使用

    ```js //id等于1的数据 $filter('filter')($scope.teamlist, { id: '1'})

    //id不等于1的数据
    $filter('filter')($scope.teamlist, { id: '!1'})

    <div style="background-color: #4694d8;height:36px;"><h3 style="line-height: 36px;">html中的使用</h3></div>
    ```html
    <span ng-repeat="user in userlist | filter:{team:t.id}"></span>
    

    自定义过滤函数

    除了像上面那样传递一个对象来过滤数据,还可以自定义一个过滤函数,返回true将加入结果集 ``` $scope.projectList = $filter('filter')($scope.projectList, function(value, index, array) { // console.log(value, index); return value.project.id != Project_id; }); ```

    filter的使用 - 包含/不包含

    <!--有email属性, 值为admin-->
    <tr ng-repeat="user in users | filter: {email:'admin'}" >
    <!--有email属性, 值不为admin-->
    <tr ng-repeat="user in users | filter: {email:'!admin'}" >
    <!--任意属性, 值不为admin-->
    <tr ng-repeat="user in users | filter: {$:'!admin'}" >
    

  • 相关阅读:
    学习笔记九
    学习笔记八
    python学习笔记七
    学习笔记七
    仿优酷项目
    orm框架分析——仿优酷项目
    python操作MySQL
    数据库—子查询,视图,事务
    数据库—表查询
    mysql表关系
  • 原文地址:https://www.cnblogs.com/wancy86/p/filter.html
Copyright © 2011-2022 走看看