angular貨幣過濾 angular過濾器的使用

2021-10-16 14:04:35 字數 1218 閱讀 6648

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...