angular - filter(自定义)
来源:互联网 发布:软件界面设计下载软件 编辑:程序博客网 时间:2024/06/03 17:55
angular自定义filter
angular除了几个自带的常用的filter,还可以自定义filter,以满足不同的需求,简单研究了一下自定义filter,记录一下。
有如下场景,后台返回的数据中,status可能是英文字符串,如果在html中使用if进行挨个判断,则显得有些啰嗦,这样我们就可以使用自定义的filter实现
javasc代码:
var myapp = angular.module('demoApp', []); myapp.controller('filterController',['$scope',function($scope){ $scope._status= ['ENABLE','DISABLED','BINDING']; }]); myapp.filter('statusFilter',function(){ return function(input){ if(input === 'ENABLE') return '启用'; if(input === 'DISABLED') return '停用'; if(input === 'BINDING') return '绑定'; } });
html代码:
{{status | statusFilter}}
0 0
- angular自定义filter
- angular - filter(自定义)
- angular-filter自定义过滤器运行顺序
- angular $filter 自定义显示当前时间
- Angular之自定义filter的用法
- Angular 学习之 filter
- Angular JS filter
- angular js Filter
- Angular过滤器(filter)
- 自定义Filter
- 自定义Filter
- angular中的过滤器(filter)
- angular的filter日期格式
- Angular学习之过滤器<filter>
- ionic---angular中filter过滤器
- angular中filter的使用
- angular filter封装分页器
- angular自定义标题
- 孩子,你现在的努力能考上名校吗?从雷洋事件看校友力量的强大。
- interactivePopGestureRecognizer
- 闲聊JS中的apply和call
- 块设备的驱动程序框架
- Clang Attributes 黑魔法小记
- angular - filter(自定义)
- Gym 100947B- 8 Queens, Again!!
- svn 回退/更新/取消至某个版本命令详解
- MySql类似Oracle的dual虚拟表的比较
- yii2框架-yii2自身的自动加载(三)
- Groovy学习笔记1--Groovy的下载和安装
- U盘安装centos 6.4
- Android Studio : Rendering Problems
- hdu5691(状态压缩dp)