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)文章
本篇文章主要介紹了詳解AngularJS ng-class樣式切換，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
在 Angular 中使用Chart.js 和 ng2-charts的示例代碼
本篇文章主要介紹了在 Angular 中使用Chart.js 和 ng2-charts的示例代碼，具有一定的參考價值，有興趣的可以了解一下2017-08-08
在Angular中實(shí)現(xiàn)一個級聯(lián)效果的下拉框的示例代碼
這篇文章主要介紹了在Angular中實(shí)現(xiàn)一個級聯(lián)效果的下拉框的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
angular4中*ngFor不能對返回來的對象進(jìn)行循環(huán)的解決方法
今天小編就為大家分享一篇angular4中*ngFor不能對返回來的對象進(jìn)行循環(huán)的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
本文給大家分享的是通過angular中的$compile源碼進(jìn)行分析，從而更好的理解angular的使用，非常的不錯，希望大家能夠喜歡。2016-01-01
這篇文章主要介紹了angularJs的ng-class切換class,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
angularJs使用ng-repeat遍歷后選中某一個的方法
今天小編就為大家分享一篇angularJs使用ng-repeat遍歷后選中某一個的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
Angular 4.x 動態(tài)創(chuàng)建表單實(shí)例
本篇文章主要介紹了Angular 4.x 動態(tài)創(chuàng)建表單實(shí)例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
angularjs學(xué)習(xí)筆記之雙向數(shù)據(jù)綁定
AngularJS在$scope變量中使用臟值檢查來實(shí)現(xiàn)了數(shù)據(jù)雙向綁定。和Ember.js數(shù)據(jù)雙向綁定中動態(tài)設(shè)施setter和getter不同，臟治檢查允許AngularJS監(jiān)視那些存在或者不存在的變量。2015-09-09
這篇文章主要給大家介紹了關(guān)于Angular8路由守衛(wèi)原理和使用方法的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用Angular8具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08