首頁 > web前端 > js教程 > 主體

angularjs濾鏡你會用嗎?我們來看angularjs過濾器的詳細解釋

寻∝梦
發布: 2018-09-07 11:53:23
原創
1279 人瀏覽過

angularjs中的濾鏡是我們常用的,但是對它的理解只在能能夠使用的層面上。我們這次深入學習一下angularjs的濾鏡的相關知識吧。一起來看這篇文章吧

在Controller中使用過濾器

在DOM中使用過濾器的弊端

我們在使用過濾器的時候,更多的是在DOM中使用管道符(|)來進行過濾,因為簡單嘛。但是在它簡單的背後是犧牲了效能,在DOM中的過濾器會造成額外的內部開銷,所以在Controller中使用過濾器會更快一些。

但是有人就會說了:我並沒有感到區別呀。這是你過濾的對象還不夠多。

例如我們有時會對ng-repeat使用過濾器,這時當輸入的陣列中存在數千條資料的時候,我們就能明顯的看出載入頁面時會變得緩慢。

區別

那在Controller中使用過濾器和在DOM中使用差在哪了呢?

這是因為在ngRepeat會在每次的$digest循環的時候都會呼叫一次。由於angular存在骯髒檢查機制,所以不管執行任何的操作都會使得重新檢查內部的$watch(),而每次動作都有可能改變陣列集合,所以就要每個$digest的後面執行一下過濾器。 (想學更多關於angularjs相關知識就到PHP中文網angularjs參考手冊欄位中去學習)

angularjs濾鏡你會用嗎?我們來看angularjs過濾器的詳細解釋

Controller中呼叫過濾器就不同了,我們可以限定在哪些操作後面執行過濾器,這樣就減少了不必要的消耗。

angularjs濾鏡你會用嗎?我們來看angularjs過濾器的詳細解釋

建議

另外,濾鏡就是給他一個輸入,然後它給你一個輸出,其實原理就是一個函數。但是透過上面的分析,過濾器的執行的特殊性,所以就不要在過濾器中使用過於複雜的邏輯程式碼,這樣就會拖慢應用。

當需要執行複雜的邏輯的時候,還會抽象成一個Service比較好。

總結

angularjs中,濾鏡還是比較簡單的,但仔細研究一下還是蠻有意思的。還沒看夠,推薦PHP中文網的angularjs學習手冊欄位。那裡還有很多你要學的angularjs知識。

【小編推薦】

angularjs效能優化你知道多少?這裡有詳細的angularjs效能最佳化過程

angularjs的表達式怎麼用? angularjs的表達式的使用實例


以上是angularjs濾鏡你會用嗎?我們來看angularjs過濾器的詳細解釋的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
js
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板