[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