filter,orderBy等過濾器

2022-06-01 01:51:09 字數 1301 閱讀 3814

filter用法比較靈活(也增加了較高的複雜度),單獨列出。

基本的用法:

ng-repeat="item in items | filter:" // 預設是and連線多個屬性

ng-repeat="item in items | filter:" // 表示只計入未完成的,$表示:or

$scope.doneselect=function(item)}"

total:}

書中建議這類**應該放在控制器中(控制器中可以訪問$filter),這樣更容易實現單元測試。

orderby的用法比較簡單

<

thead

>

<

th ng-click

="sort('name')"

>name

th>

<

th ng-click

="sort('desc')"

>description

th>

thead

>

<

tbody

>

<

tr ng-repeat

="item in filteredbacklog = (backlog | filter:criteria | orderby:sortfiled:reverse)"

>

<

td>}

td>

<

td>}

td>

...

tr>

tbody

>

$scope.sortfield =undefined;

$scope.reverse = false

;$scope.sort = function

(filedname)

else

}

從controller、filter(控制器、服務、其他過濾器)等中訪問過濾器

//

第一種寫法

angular.module('trimfilter', )

.filter('trim', function

($filter)

return

input;

};});//

更好的寫法(更易讀、**更少)

.filter('trimii', function

(limittofilter)

return

input;

};});

angular貨幣過濾 angular過濾器的使用

angular中常見過濾器 我們從後台請求的資料 有時候不是我們想要的格式 比如貨幣數字從後台獲取過來就是一堆純數字 但是貨幣數字通常是 按照規則用逗號分開並且數字前面有標識當前是哪種貨幣 過濾器的概念 angularjs為我們提供的處理資料格式的方式 過濾器的作用 將資料格式化我們想要的格式 過濾...

angular貨幣過濾 Angular過濾器

內建過濾器 1 currency 貨幣處理 currency可以將數字格式轉化為貨幣的形式,如果不傳引數,預設為 1 展現的形式為 2 date 日期格式化 angular中提供的date過濾器能夠滿足一般的時間格式要求。展現形式為 年 月 日 時 分 秒 星期,它們之間的格式可以自由組合,脫離了原...

微軟破例對XP等過時系統發補丁 防範新一輪網路攻擊

上個月,全球windows電腦遭遇了wannacry勒索病毒攻擊,個人電腦安全再度引發 緊張。而據外媒最新訊息,周二,微軟再次發布了多個安全補丁工具,甚至覆蓋了早已停止技術支援的老版本windows,微軟目的可能是防範未來大規模的網路黑客攻擊。據美國cnn 報道,微軟在發布補丁包時提到,目前個人電腦...