angularJs-----$filter过滤器使用 自定义过滤器
2017-12-19 19:55
537 查看
angularJs—–$filter过滤器使用 自定义过滤器
HTML<table class="table table-striped table-border "> <tbody> <tr> <th style="width: 60px;text-align: center;">编号</th> <th>农药名称</th> <th>包装规格</th> <th>销售价</th> <th>分类名称</th> <th>生产企业</th> <th>状态</th> <th>操作</th> </tr> <tr ng-repeat="item in pesticideList | filtrate"> <td ng-bind="$index+1">1</td> <td ng-bind="item.pesticideRegName">农药名称</td> <td><span ng-bind="item.packQuantity">100</span> <span> <span ng-bind="item.packStandard"></span>/ <span ng-bind="item.packUnit"></span></span></td> <td><span ng-bind="item.sellPrice">0.00</span><span>元/ <span ng-bind="item.packUnit"></span></span></td> <td ng-bind="item.classify">肥料</td> <td ng-bind="item.produceCompany">浙江宜葆农科技术有限公司</td> <td class="th-green" ng-bind="item.status == 0 ? '正常' : '停用'" ng-class="item.status == 0 ? 'th-green' : 'th-red'">正常</td> <td style="cursor: pointer;"><span class="th-blue">编辑 </span><span class="th-blue"> | </span><span class="th-blue"> 删除 </span><span class="th-blue"> | </span><span class="th-blue"> 停用 </span></td> </tr> </tbody> </table>
controller js
app.filter('filtrate', function() { return function (arr) { var array = []; if( arr instanceof Array){ for(var i=0; i<arr.length ;i++){ if(arr[i].status == 0){ array.push(arr[i]); } } } return array; } })
相关文章推荐
- Angularjs学习笔记——AngularJS中$filter过滤器使用(自定义过滤器)
- 详解AngularJS中$filter过滤器使用(自定义过滤器)
- angularJs-----$filter过滤器使用 自定义过滤器
- AngularJs中组件、过滤器、自定义过滤器的使用
- angularjs学习第三天笔记(过滤器第二篇---filter过滤器及其自定义过滤器)
- AngularJs中组件、过滤器、自定义过滤器的使用
- angularJS自定义过滤器使用
- angularjs-过滤器中,使用自定义服务
- AngularJs学习之一使用自定义的过滤器
- AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能示例
- angularJS实现二级联动查询以及自定义过滤器的使用
- AngularJS中过滤器的使用与自定义实例代码
- AngularJS中过滤器的使用与自定义实例代码
- angularJS实现二级联动查询以及自定义过滤器的使用
- 使用AngularJS创建自定义的过滤器的方法
- angularJs - $filter过滤器使用和自定义过滤器
- 使用AngularJS创建自定义的过滤器的方法
- 详解AngularJS中自定义过滤器
- AngularJS 自定义过滤器
- vue自定义过滤器创建和使用方法详解