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