angularjs 過濾器filter 學習筆記

文章參考

過濾器（filter）正如其名，作用就是接收乙個輸入，通過某個規則進行處理，然後返回處理後的結果。

主要用在資料的格式化上，例如獲取乙個陣列中的子集，對陣列中的元素進行排序等。

ng內建了一些過濾器(總共九種)，它們是：

currency(貨幣)

date(日期)

filter(子串匹配)

json(格式化json物件)

limitto(限制個數)

lowercase(小寫)

uppercase(大寫)

number(數字)

orderby(排序)

除此之外還可以自定義過濾器，這個就強大了，可以滿足任何要求的資料處理。

日期格式化

}

}

name:}
age:}

$scope.childrenarray = [

, ,, , ];
$scope.func = function(e)
} //匹配屬性值中含有a的
} //匹配屬性值中含有4的
}} //引數是物件，匹配name屬性中含有i的
} //引數是函式，指定返回age>4的

json過濾器可以把乙個js物件格式化為json字串，沒有引數。

}

例如我要在controller中使用currency過濾器，只需將它注入到該controller中即可

$scope.num = currencyfilter(123534);

} $scope.num = $filter('currency')(123534);

$scope.date = $filter('date')(new date());

}自定義過濾器

/**

* 在為null， undefined， ""， 的情況下面設定預設值
* */
.filter("setdefaultvaluewithoutdata",function()
return inputvalue;
} });

angular.module('swpz')

.filter('expressstatefilter', function() 
return state;
};});

AngularJs的過濾器

所謂過濾器就是過濾得到自己想要的資料 currency 格式化數字為貨幣格式。filter 從陣列項中選擇乙個子集。lowercase 格式化字串為小寫。orderby 根據某個表示式排列陣列。uppercase 格式化字串為大寫。uppercase 過濾器將字串格式化為大寫 divng contr...

AngularJs 七 過濾器（filter）

過濾器 filter 正如其名，作用就是接收乙個輸入，通過某個規則進行處理，然後返回處理後的結果。主要用在資料的格式化上，例如獲取乙個陣列中的子集，對陣列中的元素進行排序等。ng內建了一些過濾器，它們是 currency 貨幣 date 日期 filter 子串匹配 json 格式化json物件 l...

angularjs過濾器的學習

1.ng內建了一些過濾器，它們是 currency 貨幣 date 日期 filter 子串匹配 匹配屬性值中含有a的 匹配屬性值中含有4的 引數是物件，匹配name屬性中含有i的 引數是函式，指定返回age 4的 json 格式化json物件 json過濾器可以把乙個js物件格式化為json字串，...