angularJs中orderBy篩選以及filter過濾數(shù)據(jù)的方法
更新時間：2018年09月30日 10:32:35 作者：泠泠在路上
今天小編就為大家分享一篇angularJs中orderBy篩選以及filter過濾數(shù)據(jù)的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
如下所示：
<div ng-app="module" ng-controller="ctrl">
<!--按照click降序排序-->
{{data|orderBy:'click':true}}<br>
<!--按照id升序排序-->
{{data|orderBy:'id':false}}<br>
<!--篩選匹配3的數(shù)據(jù)-->
{{data|filter:'3'}}<br>
<!--篩選完全匹配‘百度'-->
{{data|filter:'百度':true}}<br>
</div>
<script>
var m = angular.module('module', []);
m.controller('ctrl', ['$scope', function ($scope) {
$scope.data=[
{id:1,click:100,title:'百度'},
{id:2,click:350,title:'谷歌'},
{id:3,click:300,title:'網(wǎng)易'},
];
}]);
</script>
效果圖：
以上這篇angularJs中orderBy篩選以及filter過濾數(shù)據(jù)的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了angular中的默認路由的用法,本文給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-02-02
這篇文章主要介紹了詳解Angular cli配置過程記錄，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
Ionic+AngularJS實現(xiàn)登錄和注冊帶驗證功能
這篇文章主要介紹了Ionic+AngularJS實現(xiàn)登錄和注冊帶驗證功能,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-02-02
AngularJS提供豐富填寫表單和驗證。我們可以用ng-click來處理AngularJS點擊按鈕事件，然后使用 $dirty 和 $invalid標志做驗證的方式。使用novalidate表單聲明禁止任何瀏覽器特定的驗證。下面我們來看看如何使用angularjs創(chuàng)建簡單表格2016-01-01
這篇文章主要介紹了Angular中$cacheFactory緩存的使用,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
AngularJS 基礎(chǔ)ng-class-even指令用法
本文主要介紹AngularJS ng-class-even 指令,這里整理了ng-class-even基礎(chǔ)知識資料,并附實例代碼和效果圖,學(xué)習(xí)AngularJS指令的朋友可以看下2016-08-08
這篇文章主要介紹了解決ionic和angular上拉加載的問題,需要的朋友可以參考下2017-08-08
本篇文章主要介紹了深究AngularJS中$sce的使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
Angularjs根據(jù)json文件動態(tài)生成路由狀態(tài)的實現(xiàn)方法
最近做項目遇到這樣一個新需求，就是需要根據(jù)json文件動態(tài)生成路由狀態(tài)，通過查閱相關(guān)資料實現(xiàn)了此功能，下面小編把問題總結(jié)分享到腳本之家平臺供大家參考2017-04-04
Angular Universal 主要關(guān)注將 Angular App 如何進行服務(wù)端渲染和生成靜態(tài) HTML，對于用戶交互復(fù)雜的 SPA 并不推薦使用 SSR，本文是在 Angular 14 環(huán)境中完成，有些內(nèi)容對于新的 Angular 版本可能并不適用，感興趣的朋友一起通過本文學(xué)習(xí)2022-11-11