发表于: 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()); 
}
三、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一样)



返回列表 返回列表
评论

    分享到