angularjs過濾器的學習

2021-07-22 19:50:13 字數 918 閱讀 8193

1.ng內建了一些過濾器,它們是:

currency(貨幣)、}

date(日期)、}

filter(子串匹配)、

} //匹配屬性值中含有a的

}  //匹配屬性值中含有4的

}} //引數是物件,匹配name屬性中含有i的

}  //引數是函式,指定返回age>4的

json(格式化json物件)、

json過濾器可以把乙個js物件格式化為json字串,沒有引數。這東西有什麼用呢,我一般也不會在頁面上輸出乙個json串啊,官網說它可以用來進行除錯,嗯,是個不錯的選擇。

}limitto(限制個數)、

lowercase(小寫)、

uppercase(大寫)、

number(數字)、

orderby(排序)

orderby過濾器可以將乙個陣列中的元素進行排序,接收乙個引數來指定排序規則,

}

//按age屬性值進行排序

} //按照函式的返回值進行排序

} //如果age相同,按照name進行排序

總共九種。

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

比如我需要乙個過濾器,它可以返回乙個陣列中下標為奇數的元素,**如下:

return function(inputarray)}中使用filter,跟在表示式後面用 | 分割,語法如下:

}我們還可以在指令中使用filter,例如先對陣列array進行過濾處理,然後再迴圈輸出:

(2). 在controller和service中使用filter

我們的js**中也可以使用過濾器,方式就是我們熟悉的依賴注入

$scope.num = currencyfilter(123534);

}

AngularJs的過濾器

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

angularjs 過濾器filter 學習筆記

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

常用的AngularJS過濾器

1.angularjs過濾器幹什麼的?通過某個規則來對進行對資料的處理,然後返回處理後的結果 2.angularjs過濾器用在什麼地方?用來對資料的格式化,通過angularjs的內建過濾器可以使用不同的規則,對資料的處理 3.angularjs內建過濾器都有什麼?及其使用方式 常用的過濾器我詳細介...