導航:首頁 > 凈水問答 > angular的filter過濾時間

angular的filter過濾時間

發布時間:2024-05-25 23:25:30

① angularjs怎麼用filter進行表的局部搜索

工具/原料 AngularJS 腳本庫 IDE 一、在視圖模板(View Template)中使用 在表達式中應用Filters (過濾器) 需要遵循格式如下: {{ expression | filter }} 即 {{ 表達式 | 過濾器 }} 例如:{{ 12 | currency }} 輸出為 $12.00 在輸出結果中應...

② angularjs如何將時間戳轉換成格式化時間求代碼啊

本地化日期格式化:
({{today|date:'medium'}})Nov19,20153:57:48PM
({{today|date:'short'}})11/19/153:57PM
({{today|date:'fullDate'}})Thursday,November19,2015
({{today|date:'longDate'}})November19,2015
({{today|date:'mediumDate'}})Nov19,2015
({{today|date:'shortDate'}})11/19/15
({{today|date:'mediumTime'}})3:57:48PM
({{today|date:'shortTime'}})3:57PM
年份格式化:
四位年份:({{today|date:'yyyy'}})2015
兩位年份:({{today|date:'yy'}})15
一位年份:({{today|date:'y'}})2015
月份格式化:
英文月份:({{today|date:'MMMM'}})November
英文月份簡寫:({{today|date:'MMM'}})Nov
兩位數字月份:({{today|date:'MM'}})11
一年中的第幾個月份:({{today|date:'M'}})11
日期格式化:
數字日期:({{today|date:'dd'}})19
一個月中的第幾天:({{today|date:'d'}})19
英文星期:({{today|date:'EEEE'}})Thursday
英文星期簡寫:({{today|date:'EEE'}})Thu
小時格式化:
24小時制數字小時:({{today|date:'HH'}})15
一天中的第幾個小時:({{today|date:'H'}})15
12小時制數字小時:({{today|date:'hh'}})03
上午或下午的第幾個小時:({{today|date:'h'}})3
分鍾格式化:
數字分鍾數:({{today|date:'mm'}})57
一個小時中的第幾分鍾:({{today|date:'m'}})57
秒數格式化:
數字秒數:({{today|date:'ss'}})48
一分鍾中內的第幾秒:({{today|date:'s'}})48
毫秒數格式化:
毫秒數:({{today|date:'sss'}})541
字元格式化:
上下午標識:({{today|date:'a'}})PM
四位時區標識:({{today|date:'Z'}})+0800
自定義日期格式化:
年月日:({{today|date:'yyyy-MM-dd'}})2015-11-19
時分秒:({{today|date:'HH:mm:ss.sss'}})15:57:48.541

③ angularjs為什麼當前頁面做任何操作filter都會執行

1. currency (貨幣處理)
使用currency可以將數字格式化為貨幣,默認是美元符號,你可以自己傳入所需的符號,例如我傳入人民幣:
{{num | currency : '¥'}}
2. date (日期格式化)
原生的js對日期的格式化能力有限,ng提供的date過濾器基本可以滿足一般的格式化要求。用法如下:
{{date | date : 'yyyy-MM-dd hh:mm:ss EEEE'}}
參數用來指定所要的格式,y M d h m s E 分別表示 年 月 日 時 分 秒 星期,可以自由組合它們。也可以使用不同的個數來限制格式化的位數。另外參數也可以使用特定的描述性字元串,例如「shortTime」將會把時間格式為12:05 pm這樣的。ng提供了八種描述性的字元串,這些有點多餘,完全可以根據自己的意願組合出想要的格式,不願意去記這么多單詞~
3. filter(匹配子串)
這個名叫filter的filter。用來處理一個數組,然後可以過濾出含有某個子串的元素,作為一個子數組來返回。可以是字元串數組,也可以是對象數組。如果是對象數組,可以匹配屬性的值。它接收一個參數,用來定義子串的匹配規則。下面舉個例子說明一下參數的用法,用現在特別火的幾個孩子定義了一個數組:
$scope.childrenArray = [
{name:'kimi',age:3},
{name:'cindy',age:4},
{name:'anglar',age:4},
{name:'shitou',age:6},
{name:'tiantian',age:5}
];
$scope.func = function(e){return e.age>4;}{{ childrenArray | filter : 'a' }} //匹配屬性值中含有a的
{{ childrenArray | filter : 4 }} //匹配屬性值中含有4的
{{ childrenArray | filter : {name : 'i'} }} //參數是對象,匹配name屬性中含有i的
{{childrenArray | filter : func }} //參數是函數,指定返回age>4的
4. json(格式化json對象)
json過濾器可以把一個js對象格式化為json字元串,沒有參數。這東西有什麼用呢,我一般也不會在頁面上輸出一個json串啊,官網說它可以用來進行調試,嗯,是個不錯的選擇。或者,也可以用在js中使用,作用就和熟悉的JSON.stringify()一樣。用法超級簡單:
{{ jsonTest | json}}
5. limitTo(限制數組長度或字元串長度)
limitTo過濾器用來截取數組或字元串,接收一個參數用來指定截取的長度,如果參數是負值,則從數組尾部開始截取。個人覺得這個filter有點雞肋,首先只能從數組或字元串的開頭/尾部進行截取,其次,js原生的函數就可以代替它了,看看怎麼用吧:
{{ childrenArray | limitTo : 2 }} //將會顯示數組中的前兩項
6. lowercase(小寫)
把數據轉化為全部小寫。太簡單了,不多解釋。同樣是很雞肋的一個filter,沒有參數,只能把整個字元串變為小寫,不能指定字母。
7. uppercase(大寫)
同上。
8. number(格式化數字)
number過濾器可以為一個數字加上千位分割,像這樣,123,456,789。同時接收一個參數,可以指定float類型保留幾位小數:
{{ num | number : 2 }}
9. orderBy(排序)
orderBy過濾器可以將一個數組中的元素進行排序,接收一個參數來指定排序規則,參數可以是一個字元串,表示以該屬性名稱進行排序。

④ angularjs中有多個過濾器使用方法

一、在視圖模板(View Template)中使用
在表達式中應用Filters (過濾器)
需要遵循格式如下:
{{ expression | filter }} 即 {{ 表達式 | 過濾器 }}
例如:{{ 12 | currency }} 輸出為 $12.00在輸出結果中應用Filters (過濾器)
通俗點講就是Filter的疊加--前一filter的輸出結果作為後一filter的輸入數據源.
需要遵循格式如下:
{{ expression | filter1 | filter2 | ... }} 即 表達式(expression)使用filter1過濾後再使用filter2過濾...
帶參數的Filter
Filter後面可以跟一個或多個參數,用來幫助實現特殊要求、需求的filter.
需要遵循格式如下:
{{ expression | filter:argument1:argument2:... }}
示例: {{ 1234 | number:2 }} = 1,234.00END
二、使用 AngluarJS 內置Filter
AngularJS為我們提供了9個內建的過濾器
分別是currency, date, filter, json, limitTo, uppercase, lowercase, number, orderBy。
具體的用法在AngularJS的文檔中都有詳細說明。下面只說幾個常用的。
currency filter(貨幣過濾器)
currency – 用來將變數轉換成貨幣表現形式
如:{{ amount | currency}}
uppercase/lowercase filter(字母大小寫filter)如:
{{ "lower cap string" | uppercase }}
<input ng-model="userInput"> Uppercased: {{ userInput | uppercase }}
date filter (日期filter)
如:
{{ 1304375948024 | date }}
{{ 1304375948024 | date:"MM/dd/yyyy @ h:mma" }}
json filter
如:
{{ {foo: "bar", baz: 23} | json }}
END
在controllers, services和drictives中使用filter1可以在AngularJS的controller, service或者driective中使用filter, 這時候你需要將依賴的filter名字加入到controller, service或者directive的依賴中去。
2在controller中直接使用filter, 這樣controller可以根據自身需要而適時調用filterEND
三、自定義filter(過濾器)
1AngularJS編寫自定義過濾器的形式和AngularJS的factory service非常相像,一定記得它返回一個對象或者是一個函數即可,編寫的時候,只需要一個帶有一個以上參數的函數即可。
2格式大致如:
app.filter('filter(過濾器)名稱',function(){return function(需要過濾的對象,過濾器參數1,過濾器參數2,...){//...執行業務邏輯代碼return 處理後的對象;
}
});

閱讀全文

與angular的filter過濾時間相關的資料

熱點內容
17款思域空調濾芯怎麼換 瀏覽:282
凈水器排水孔是干什麼用的 瀏覽:657
AS樹脂高溫分解生成什麼 瀏覽:454
怎麼處理飲水機水桶里的水垢 瀏覽:255
如何處理濃氟廢水 瀏覽:32
GE和bwt即熱凈水機哪個好 瀏覽:738
一個車間每天產生多少廢水 瀏覽:541
寶雞市十里鋪污水招標 瀏覽:740
飛利浦凈水器怎麼拆除 瀏覽:448
過濾管壁上的孔數計算 瀏覽:360
嘉定新城金茂府凈水器是什麼牌子 瀏覽:948
一米二魚缸底濾加裝雙重過濾 瀏覽:502
城市污水處理廠如何運行 瀏覽:43
生活污水處理後形成再生水 瀏覽:613
D一48乾燥濾芯怎麼安裝 瀏覽:876
反滲透運行論壇 瀏覽:704
處理廢水怎麼說的高大上 瀏覽:214
總結EDI應用文獻的思想中心 瀏覽:293
風景樹脂茶幾 瀏覽:698
污水不經過化糞池直接排入污水管 瀏覽:383