angluarJS自定义过滤器
来源:互联网 发布:sql语句大全 编辑:程序博客网 时间:2024/05/22 00:28
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/angular.min.js" ></script>
<script>
var app=angular.module("app",[]);
app.controller("mycontr",function($scope){
});
app.filter("myfilter",function(){
return function(input){
var ss1=input[0].toUpperCase()+input.slice(1);
return ss1;
}
});
app.filter("myhuan",function(){
return function(string){
var ss=string.replace("操","干");
return ss;
}
});
</script>
</head>
<body ng-app="app" ng-controller="mycontr" >
<!--价钱的过滤-->
<input ng-model="money" />
<p>{{money|currency:'¥'}}</p>
<!--字符串变大写-->
<input ng-model="str" />
<p>{{str|uppercase}}</p>
<!--自定义的过滤 首字母大写-->
<input ng-model="name"/>
<p> <!--ng-init="name='wangchuang'"-->{{name|myfilter}}</p>
<p ng-init="arr=[{age:20,name:'sdf'},{name:'hgfd',age:50},{age:25,name:'bvfd'}]">
{{arr|orderBy: 'age':true}}
</p>
<p ng-init="string='我要操八维漂亮的女老师'">{{string|myhuan}}</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/angular.min.js" ></script>
<script>
var app=angular.module("app",[]);
app.controller("mycontr",function($scope){
});
app.filter("myfilter",function(){
return function(input){
var ss1=input[0].toUpperCase()+input.slice(1);
return ss1;
}
});
app.filter("myhuan",function(){
return function(string){
var ss=string.replace("操","干");
return ss;
}
});
</script>
</head>
<body ng-app="app" ng-controller="mycontr" >
<!--价钱的过滤-->
<input ng-model="money" />
<p>{{money|currency:'¥'}}</p>
<!--字符串变大写-->
<input ng-model="str" />
<p>{{str|uppercase}}</p>
<!--自定义的过滤 首字母大写-->
<input ng-model="name"/>
<p> <!--ng-init="name='wangchuang'"-->{{name|myfilter}}</p>
<p ng-init="arr=[{age:20,name:'sdf'},{name:'hgfd',age:50},{age:25,name:'bvfd'}]">
{{arr|orderBy: 'age':true}}
</p>
<p ng-init="string='我要操八维漂亮的女老师'">{{string|myhuan}}</p>
</body>
</html>
阅读全文
0 0
- angluarJS自定义过滤器
- AngluarJS
- 过滤器与自定义过滤器
- angular过滤器、自定义过滤器
- 自定义过滤器:
- 自定义过滤器
- 自定义过滤器
- 自定义过滤器
- 自定义过滤器
- AngluarJS增删
- MVC系统过滤器、自定义过滤器
- Vue过滤器和自定义过滤器
- AngularJS 过滤器\自定义过滤器 $filter
- AngularJS过滤器以及自定义过滤器
- 自定义Filter过滤器
- 自定义异常处理过滤器
- 自定义Django模板过滤器
- MVC中的自定义过滤器
- 断电续传(2)
- Ubuntu SSD优化设置
- 自定义过滤器 将首字母大写 其余字母消息
- 稀疏矩阵及其实现
- 缓存穿透和缓存雪崩的预防和解决-Redis
- angluarJS自定义过滤器
- java实现mysql的备份和还原
- Servlet工作流程
- 把字符串转换成整数 java实现
- 安卓5.0 6.0新特性简单总结
- springboot热部署未生效怎么办
- ZigZag Conversion算法
- LeetCode简易题解--039
- 滑稽色图片小爬虫