angular.js - angular里的filter过滤数据传参问题
漂亮男人
漂亮男人 2017-05-15 17:08:49
[AngularJS讨论组]

控制器:$scope.dataList=[

{"dataClass":"0","dataName":"A1"},
{"dataClass":"0","dataName":"A2"},
{"dataClass":"1","dataName":"B1"},
{"dataClass":"1","dataName":"B2"},
{"dataClass":"2","dataName":"C1"},
{"dataClass":"2","dataName":"C2"}

]
HTML模板:

  • {{item.dataName}}

  • 页面展示将循环过滤出dataList数组中dataClass为'0'的A1,A2;现在的需求是dataClass过滤的值是一个变量设为varity,而ng-repeat="item in dataList |filter :{'dataClass':varity}",又不生效,请问如何实现该需求

    漂亮男人
    漂亮男人

    全部回复(2)
    为情所困

    帮你写了个过滤器,把指定的dataClass去掉了:

    angular.module('common', []).filter('myFilter', function () {
            return function (collection, keyname,value) {
                var output = [];
                angular.forEach(collection, function (item) {
                    //过滤数组中值与指定值相同的元素
                    if(item[keyname]!=value){
                        output.push(item);
                    }
                });
                return output;
            }
        });

    <p ng-app="myApp" ng-controller="myCtrl">
        <p ng-repeat="x in items | myFilter: 'dataClass': dcValue ">
            {{x.dataClass}}---{{x.dataName}}
        </p>
    </p>

    过滤器接收3个参数,原数组,要过滤的key,以及指定的key值。

    phpcn_u1582
    repeat="item in dataList |filter :{'dataClass':{{varity}} }"

    加花括号就可以了

    热门教程
    更多>
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
    php中文网:公益在线php培训,帮助PHP学习者快速成长!
    关注服务号 技术交流群
    PHP中文网订阅号
    每天精选资源文章推送
    PHP中文网APP
    随时随地碎片化学习

    Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号