博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AngularJS实现的自定义过滤器简单示例
阅读量:5825 次
发布时间:2019-06-18

本文共 1389 字,大约阅读时间需要 4 分钟。

本文实例讲述了实现的自定义过滤器。分享给大家供大家参考,具体如下:

1.自定义限制字数的过滤器

啥也不说了直接上代码吧

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
angular.module(
'demo'
).filter(
'cut'
,
function
($sce) {
return
function
(value, wordwise, max, tail) {
if
(!value)
return
''
;
max = parseInt(max, 10);
if
(!max)
return
value;
if
(value.length <= max)
return
value;
if
(value.length > max){
  
value = value.substr(0, max);
}
if
(wordwise) {
  
var
lastspace = value.lastIndexOf(
' '
);
  
if
(lastspace != -1) {
  
value = value.substr(0, lastspace);
  
}
}
return
$sce.trustAsHtml(value + (tail ||
' … <span>显示全文</span>'
));
};
});

代码直接拷走绝对没问题!!项目亲测!

2.自定义其他

还是直接上代码

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
angular.module(
'demo'
).filter(
'stateFormat'
, [
'state'
,
function
(state) {
  
return
function
(input, type){
    
if
(type ==
'stateColor'
){
      
switch
(input){
        
case
'1'
:
return
'green'
;
break
;
        
case
'0'
:
return
'red'
;
break
;
      
}
    
}
else
if
(type ==
'stateText'
){
      
switch
(input){
        
case
'1'
:
return
'特价'
;
break
;
        
case
'0'
:
return
'未特价'
;
break
;
      
}
    
}
else
if
(type ==
'marry'
){
      
switch
(input){
        
case
'1'
:
return
'黄焖鸡米饭'
;
break
;
        
case
'2'
:
return
'水煮肉片'
;
break
;
        
case
'3'
:
return
'酸菜鱼'
;
break
;
      
}
    
}
else
(type ==
'propertyColor'
){
      
switch
(input){
        
case
'1'
:
return
'blue'
;
break
;
        
case
'-1'
:
return
'red'
;
break
;
        
case
'0'
:
return
''
;
break
;
      
}
    
}

 

转载于:https://www.cnblogs.com/good10000/p/10613069.html

你可能感兴趣的文章
我理想中的前端工作流
查看>>
记一次Git异常操作:将多个repository合并到同一repository的同一分支
查看>>
Chrome 广告屏蔽功能不影响浏览器性能
查看>>
Android状态栏实现沉浸式模式
查看>>
使用Openfiler搭建ISCSI网络存储
查看>>
学生名单
查看>>
(转) 多模态机器翻译
查看>>
【官方文档】Nginx负载均衡学习笔记(三) TCP和UDP负载平衡官方参考文档
查看>>
矩阵常用归一化
查看>>
Oracle常用函数总结
查看>>
【聚能聊有奖话题】Boring隧道掘进机完成首段挖掘,离未来交通还有多远?
查看>>
考研太苦逼没坚持下来!看苑老师视频有点上头
查看>>
HCNA——RIP的路由汇总
查看>>
zabbix监控php状态(四)
查看>>
实战Django:小型CMS Part2
查看>>
原创]windows server 2012 AD架构试验系列 – 16更改DC计算机名
查看>>
统治世界的十大算法
查看>>
linux svn安装和配置
查看>>
SSH中调用另一action的方法(chain,redirect)
查看>>
数据库基础
查看>>