<head>
<meta charset="UTF-8">
<title></title>
<script src="lib/angular.min.js" ></script>
<script>
var app=angular.module("gaoynApp",[]);
app.controller("democ",["$scope",function($scope){
$scope.nowd=new Date();//获取当前日期
console.log("当前日期",$scope.nowd);
}]);
</script>
</head>
<body ng-app="gaoynApp" ng-controller="democ">
常用过滤器:指定数据格式
<ul>
<li>
请输入你的资产
<input ng-model="mymoney" />
<p>
使用过滤器指定钱格式 数据|currency:"$" {{mymoney|currency:'￥'}}
</p>
</li>
<li>
请输入你的英文名
<input ng-model="fisrtname" />
<p>
使用过滤器指定转为大写{{fisrtname|uppercase}}
</p>
</li>
<li>
当前日期为:
<p>
{{nowd|date: "yyyy年MM月dd日 hh:mm:ss"}}
</p>
</li>
<li>
limitto:
<p ng-init="datas=['aa','bb','cc','apple','oranange']">
{{datas|limitTo:-2}}
</p>
</li>
<li>
filter:
<p ng-init="datas=['aa','bb','cc','apple','oranange']">
{{datas|filter:'a'}}
</p>
</li>
<li>
order by:
<p ng-init="datas=['aa','bb','cc','apple','oranange','dept']">
true降序 {{datas|orderBy: '':true}}
false升序{{datas|orderBy: '':false}}
</p>
给对象排序
<p ng-init="stus=[{name:'gaoyn',age:19},{name:'周一',age:29},{name:'王大拿',age:20}]">
true降序 {{stus|orderBy: 'age':true}} <br/>
false升序{{stus|orderBy: 'age':false}}
</p>
指定函数 根据age排 name排序
<p ng-init="stus=[{name:'gaoyn',age:19},{name:'zh',age:29},{name:'王大拿',age:20},{name:'zy',age:19}]">
true降序 {{stus|orderBy: ['age','name']:false }} <br/>
</p>
</li>
</ul>
</body>
</html>
++++++++++++++++++++++++++++++++++++++++++++++++++++++++
自定义
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="libs/angular.min.js"></script>
<script>
//模块
var app=angular.module("gaoyn",[]);
//通过模块创建过滤器 orderby
app.filter("demoF",function(){
return function(input){
console.log("输入的名字:",input);
//把输入的内容,首字母大写
var v=input.trim()[0].toUpperCase()+input.slice(1); //从1开始到末尾
return v;
};
});
</script>
</head>
<body ng-app="gaoyn">
<ul ng-init="uname='gaoyn'">
{{uname|demoF}} <!--123 $123-->
</ul>
<ul ng-init="mname='mm'">
{{mname|demoF}}
</ul>
</body>
</html>
4189
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
