angular里的filter过滤数据传参
来源:互联网 发布:淘宝睡衣女模特排行 编辑:程序博客网 时间:2024/05/24 02:32
在ng-repeat中使用过滤器filter ,则在filter闭包内第一个参数,就是ng-repeat中的原数组,其余参数可以在-repeat表达式中,使用filterName :param1 :param2 提供。
如果参数是$scope中的变量 , 直接写上去即可,不用加引号。
控制器:$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模板:
<li ng-repeat="item in dataList |filter :{'dataClass':'0'}">{{item.dataName}}</li>
页面展示将循环过滤出dataList数组中dataClass为'0'的A1,A2;现在的需求是dataClass过滤的值是一个变量设为varity,而ng-repeat="item in dataList |filter :{'dataClass':varity}",又不生效,请问如何实现该需求
帮你写了个过滤器,把指定的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; } });
<div ng-app="myApp" ng-controller="myCtrl"> <p ng-repeat="x in items | myFilter: 'dataClass': dcValue "> {{x.dataClass}}---{{x.dataName}} </p></div>
过滤器接收3个参数,原数组,要过滤的key,以及指定的key值。
引自: angular里的filter过滤数据传参问题
ng-repeat 倒序循环
我想要用angularjs循环一个json数组,
<div class="gwc-div mar-t20" ng-repeat="shopdata in cartinfo.shopList" ></div>
如果要倒叙的循环有什么方法吗?
可以这样:
<div class="gwc-div mar-t20" ng-repeat="shopdata in cartinfo.shopList.slice().reverse()" ></div>
或者声明一个filter...
js:
app.filter('reverse', function() { return function(items) { return items.slice().reverse(); };});
view:
<div class="gwc-div mar-t20" ng-repeat="shopdata in cartinfo.shopList | reverse" ></div>
引自 :ng-repeat 倒序循环阅读全文
0 0
- angular里的filter过滤数据传参
- 数据传参
- iOS的View之间的数据传
- struts2和jsp的数据传值
- zTree 异步加载数据传参问题
- Filter的过滤顺序
- 27.angular filter中过滤超出部分变成...
- angular的filter日期格式
- angular中filter的使用
- 添加数据传表格
- activity和fragment之间的数据传值思路
- springMVC前台数据传不到后台的解决办法
- java的filter过滤与不过滤
- rails里的filter
- 用于过滤IP的Filter
- Python实现用filter()过滤出1~100中平方根是整数的数
- 构造判断回数的函数并利用filter函数过滤掉非回数
- Eval绑定数据传参数
- linux服务管理
- 第四周 项目2-建设“单链表”算法库
- Java学习笔记(34)--理解java的三大特性之多态
- 浅谈数据结构(一)
- 初窥javaScrit权威指南,第二章语法结构
- angular里的filter过滤数据传参
- Spring 2.5配置文件详解(1)
- TensorFlow Object Detection API 实践
- pyahocorasick使用
- ssm 上传和下载
- 堆栈用链表实现压栈和出栈
- 类似美拍、秒拍、快手的短视频SDK
- [i.MX6Q][QNX Neutrino 6.6.0]调试笔记------LVDS显示配置
- MDK + STM32固件库 启动文件startup_stm32f10x_hd.s功用及注释