angular中常見過濾器
我們從後台請求的資料 有時候不是我們想要的格式
比如貨幣數字從後台獲取過來就是一堆純數字
但是貨幣數字通常是 按照規則用逗號分開並且數字前面有標識當前是哪種貨幣
過濾器的概念:angularjs為我們提供的處理資料格式的方式
過濾器的作用:將資料格式化我們想要的格式
過濾器的分類:內建過濾器 自定義過濾器
使用過濾器的語法:
}內建過濾器介紹
currency 貨幣過濾器
date 日期過濾器
filter 過濾資料
模糊匹配:angularjs會去每一條資料中的每乙個欄位中去查詢 有沒有包含過濾條件的資料
精確匹配:angularjs會去每一條資料中的指定欄位中去查詢 有沒有包含過濾條件的資料
limitto 限制
第乙個引數:limit 限制的數量,可以為負數,從後往前開始限制
第二個引數:begin 從第幾個開始限制
orderby 排序
orderby:'字段' 預設是公升序
orderby:'-欄位' 降序
number 數字過濾器
uppercase 大寫字元過濾器
lowercase 小寫字元過濾器
json 轉化為json字串
**分析:}}
}} }}
}
}.controller('democtrl',['$scope',function($scope)}
}.filter("telstar",function(){
//value接受表單中的值
return function(value){
//先擷取前三個字元、替換中間的四個字元、拼接後面四個字元
return value.substr(0,3)+"****"+value.substr(7);
.filter("firstletter",function(){
return function(value){
//取第乙個字元轉大寫
return value.substr(0,1).touppercase()+value.substr(1);
.controller("democtrl",["$scope",function($scope){
$scope.tel="18010972573";
$scope.word="angular";
angular貨幣過濾 Angular過濾器
內建過濾器 1 currency 貨幣處理 currency可以將數字格式轉化為貨幣的形式,如果不傳引數,預設為 1 展現的形式為 2 date 日期格式化 angular中提供的date過濾器能夠滿足一般的時間格式要求。展現形式為 年 月 日 時 分 秒 星期,它們之間的格式可以自由組合,脫離了原...
angular貨幣過濾 AngularJS 過濾器
1 uppercase,lowercase 大小寫轉換 結果 lower cap string 結果 tank is good 2 date 格式化 2017 03 22 13 52 25 3 number 格式化 保留小數 4 currency貨幣格式化 結果 250.00 結果 rmb 250....
angular中的過濾器(filter)
1 使用angularjs過濾器可以實現對字串的大小uppercase lowercase currency寫轉換 貨幣格式的轉換 陣列的過濾等等。2 具體的有 currency 貨幣 date 日期 filter 子串匹配 json 格式化json物件 limitto 限制個數 lowercase...