[angular]知识碎片

ng-cloak

在数据加载完成之前,html中的{{}}表达式可能先一步显示出来。非常难看。在对应的块标签上添加上ng-cloak,可以遮盖。在数据加载完成之前是空白的。

filter

在html中的用法:
{{ data | filter_name: ‘参数1’ |filter_name2:…}}\
在controller/servers(js):
$filter(‘filter_name’)(data, 参数….)

举例:
date过滤器的功能是基于要求的格式格式化一个日期成为一个字符串。

 date过滤器的用法:

1.在html中用法:{{ date_expression | date : format : timezone}}

实例:

<span>{{1288323623006 | date:'medium'}}</span><br>

 <span>{{1288323623006 | date:'yyyy-MM-dd HH:mm:ss Z'}}</span><br>

<span>{{'1288323623006' | date:'MM/dd/yyyy @ h:mma'}}</span><br>

<span>{{'1288323623006' | date:"MM/dd/yyyy 'at' h:mma"}}</span><br>

输出结果为:

 Oct 29, 2010 11:40:23 AM

 2010-10-29 11:40:23 +0800

10/29/2010 @ 11:40AM

10/29/2010 at 11:40AM

2.在javascript中的用法:$filter('date')(date, format, timezone)

实例:

var today = new Date();
$scope.formatDate = $filter('date')(new Date(), 'y-MM-dd HH:mm:ss');

输出结果为:

 2017-12-14 09:53:22 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章