angular中filter的使用

最新推荐文章于 2019-05-23 20:27:11 发布

爱不到要偷

最新推荐文章于 2019-05-23 20:27:11 发布

阅读量193

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/huangxingquan/p/7339313.html

版权

1、直接在html中使用filter，过滤特定的字符

例如：

<div ng-repeat="name in nameList | filter:'张朋'">{{name}}</div>　　//nameList 为["王三","张朋","李二"]，过滤含有“张鹏”的项

2、自定义filter

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>filterTest</title>
</head>
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
<body ng-app="myApp" ng-controller="myController">
<div>{{arr | sourceDataType:'0':'charge'}}</div>
</body>
<script>
    var app = angular.module('myApp', []);
    app.controller('myController', function($scope) {
        $scope.arr="0,charge";
    });
    app .filter("sourceDataType",function(){
        return function(obj,argu1,argu2){
            if (!obj) {
                return [];
            }
            obj = obj.split(",");    //将字符"0,1,2,3"创切分为数组[0,1,2,3]
           var display;
            var flag = obj.filter(function(item){　　//filter会用来遍历传入的数据
                if(item == argu1){
                    display = "超级用户";
                }
                if(item == argu2){
                    display+=",已缴费";
                }
            });
            return display;
        }
    });
</script>
</html>

以上代码页面输出结果为：

转载于:https://www.cnblogs.com/huangxingquan/p/7339313.html

爱不到要偷

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angular中filter的使用

1、直接在html中使用filter，过滤特定的字符例如：<div ng-repeat="name in nameList | filter:'张朋'">{{name}}</div>　　//nameList 为["王三","张朋","李二"]，过滤含有“张鹏”的项2、自定义filter<!DOCTYPE html><ht...
复制链接

扫一扫