发表于: 2016-12-31 01:32:22
1 1538
今天完成的事情:了解了filter过滤器的使用,学习了cmd的一些常用用法
明天计划完成的事情:继续学习angular
遇到的问题:对angular的使用非常的不熟练,是时候停下来好好的看看书和文档了
收获:
1.两种使用方法:
一、在模板中使用filter
{{ expression | filter }}//这是直接用;
{{ expression | filter1 | filter2 |... }}//这是多个filter连用,上一个的输出将作为下一个的输入;
{{expression | filter:argument1:angument2:...}}//用于接收参数,参数用:分割;
<span ng-repeat="a in array | filter ">//在指令中使用
二、在controller和service中使用filter
app.controller('testC',function($scope,currencyFilter){
$scope.num = currencyFilter( 123456 );
})
在模板中使用{{num}}就可以直接输出$123456了;
注入多个时,可以这么写
app.controller('testC',function($scope,$filter){
$scope.num = $filter('currency')(123534);
$scope.date = $filter('date')(new Date());
.png)
.png)
.png)
$scope.num = $filter('currency')(123534);
$scope.date = $filter('date')(new Date());
}
三、ng的内置过滤器
1.currency货币处理
{{num | currency : '¥'}}
2.date日期格式化
{{date | date : 'yyyy-MM-dd hh:mm:ss EEEE'}} y M d h m s E 分别表示 年 月 日 时 分 秒 星期
3.filter匹配子串(名字跟filter一样)

.png)
.png)
.png)
评论