給大家介紹下什么是 AngularJS?
AngularJS是一個(gè)為動(dòng)態(tài)WEB應(yīng)用設(shè)計(jì)的結(jié)構(gòu)框架。它能讓你使用HTML作為模板語言，通過擴(kuò)展HTML的語法，讓你能更清楚、簡(jiǎn)潔地構(gòu)建你的應(yīng)用組件。它的創(chuàng)新點(diǎn)在于，利用數(shù)據(jù)綁定和依賴注入，它使你不用再寫大量的代碼了。這些全都是通過瀏覽器端的Javascript實(shí)現(xiàn)，這也使得它能夠完美地和任何服務(wù)器端技術(shù)結(jié)合。
AngularJS是為了克服HTML在構(gòu)建應(yīng)用上的不足而設(shè)計(jì)的。HTML是一門很好的為靜態(tài)文本展示設(shè)計(jì)的聲明式語言，但要構(gòu)建WEB應(yīng)用的話它就顯得乏力了。所以我做了一些工作（你也可以覺得是小花招）來讓瀏覽器做我想要的事。
AngularJS提供了過濾器來對(duì)輸入輸出數(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就是第一個(gè)參數(shù)data， 123是第二個(gè)參數(shù)str， this是第三個(gè)參數(shù)<p>{{var1 | my_data_format : 123 : 'this'}}</p>//對(duì)傳入的數(shù)據(jù)進(jìn)行處理.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等；類似的表達(dá)式中。作為判斷語句<p ng-repeat = "list in lists">姓名:{{list.name}},人數(shù){{(lists | my_data_format: '2').length}}</p>新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
