溫故知新 Angular 的 filter

2021-09-01 21:31:04 字數 1006 閱讀 4882

angular 中的filtre個人理解,就是這麼個東西,如字面意思,過濾器,是將乙個變數過濾(處理)一下,返回處理後的變數,如},filtername是過濾器的名字,people是其要處理的變數,para是可選的引數。其實,filtername是乙個函式,其返回值也是乙個函式,people和para是這個返回值的引數。下面看一下具體的例子:

filter.html

test filter

[/list]

filter.js

function filtercontroller($scope),,,,,,,,,,,];

}angular.module('filter',).controller('filtercontroller',filtercontroller).filter('selectname',function()

}return color;

});

如filter.js中的filter這一塊可以看出,自定義了乙個名為selectname的filter,程式中'selectname'後的function是這個filter的函式體,在其內部定義了乙個匿名函式,並將其賦值給color,最後返回這個color,也就是返回這個匿名函式。

接下來看一下這個函式實現的功能:根據name的不同值返回不同的顏色。

看一下filter.html中是如何呼叫的:有ng-repeat屬性的標籤,是controller中$scope.peoples的列表,但並不是單純的列出來,而是根據$scope.peoples中每個people的名字的第乙個字母來顯示不同的顏色,這就用到了上面寫的行內樣式過濾器:style='background-color:}'

解釋一下,selectname會返回名為color函式,然後people將其name下標為0的元素傳入到這個函式中,函式處理完後將結果return到background-color後面,這樣,標籤就顯示出了不同的顏色.

溫故知新 ROWTYPE

rowtype 相當於資料庫表裡的一行資料記錄的變數型別。declare 定義乙個emp表裡的一行記錄的資料型別的變數 v emp emp rowtype begin 查詢的emp表裡的資料列必須與v emp的列順序以及個數保持一致 select empno,ename,job,mgr,hireda...

vue 溫故知新

v cloak指令 解決變數閃爍問題 v if isshow 是插入或刪除節點 v show isshow 是隱藏或顯示節點 v bind data m msg 或 data m msg 繫結屬性 v bind key v.id 繫結乙個資料唯一值,用於虛擬dom演算法,優化渲染效率 v on cl...

溫故知新系列

我從事windows phone開發一年多來,終日忙於開發應用,每每有所收穫也沒有時間思考總結。最近實習即將結束,同時也看清了真實的生活,痛定思痛,決定好好整理自己所學所得,同時也靜下心來好好學習一下一直欠缺的知識。溫故而知新,可以為師矣。此番總結,不求為師,但求能看清自己,共勉共勉。此溫故知新系列...