欧美国产另类久热|951超碰伊人久久|伊人影视久久久久|色婷婷亚洲小电影|色东京热69XX|婷婷玖玖深爱网|加勒比东京热网站|无码A级毛片在线观看|一级a毛一级a看|中文字幕人妻欧美

AngularJS提供了過濾器來對輸入輸出數(shù)據(jù)格式化。這篇文章主要介紹了Angularjs過濾器使用的相關資料,需要的朋友可以參考下

給大家介紹下什么是 AngularJS?

AngularJS是一個為動態(tài)WEB應用設計的結構框架。它能讓你使用HTML作為模板語言，通過擴展HTML的語法，讓你能更清楚、簡潔地構建你的應用組件。它的創(chuàng)新點在于，利用󰀃數(shù)據(jù)綁定󰀃和󰀃依賴注入，它使你不用再寫大量的代碼了。這些全都是通過瀏覽器端的Javascript實現(xiàn)，這也使得它能夠完美地和任何服務器端技術結合。 

AngularJS是為了克服HTML在構建應用上的不足而設計的。HTML是一門很好的為靜態(tài)文本展示設計的聲明式語言，但要構建WEB應用的話它就顯得乏力了。所以我做了一些工作（你也可以覺得是小花招）來讓瀏覽器做我想要的事。

AngularJS提供了過濾器來對輸入輸出數(shù)據(jù)格式化。下面開始給大家介紹Angularjs過濾器使用，一起看看吧

•在html文件中和在js文件中使用

$scope.form_time = $filter('date')($scope.time, 'yyyy-MM-dd HH:mm:ss');

<p>{{time | date: 'yyyy-MM-dd HH:mm:ss'}}</p>

•內(nèi)部過濾器和自定義過濾器

.filter('my_data_format',[function(){

return function(data,str,sss){

console.log('data: ',data,' str: ',str,' sss: ',arguments[2]);

}

}]);

//var1就是第一個參數(shù)data， 123是第二個參數(shù)str， this是第三個參數(shù)

<p>{{var1 | my_data_format : 123 : 'this'}}</p>

//對傳入的數(shù)據(jù)進行處理

.filter('my_data_format',[function(){

return function(data,str){

var arr=[];

angular.forEach(data, function(one_list){

if(one_list.status == str){

arr.push(one_list);

}

});

return arr;

}

}]);

//過濾器可以用在綁定的值中,也可以用在ng-if="(lists | my_data_format: '2').length>0", 和ng-show等；類似的表達式中。作為判斷語句

<p ng-repeat = "list in lists">姓名:{{list.name}},人數(shù){{(lists | my_data_format: '2').length}}</p>