有時候我們在給頁面顯示給用戶的信息需要一定處理格式化，這個時候我們就需要使用angular的filter來處理，angular默認給我們提供了很多內(nèi)置的過濾器
1、currency 作用：用來美元轉(zhuǎn)換的。 使用：
<h1> {{1000 | currency}} </h1>2、date 作用：格式化時間的。 使用：
<h1> {{1000 | date : 'yyyy-MM-dd hh:mm:ss' }} </h1>3、json 作用：格式化json字符串的。 使用：
<div ng-controller="DemoController"> <PRe> {{p1 | json:2}} </pre></div><script> angular.module('app', []) .controller('DemoController', ['$scope', '$filter', function ($scope, $filter) { $scope.p1 = { name: '張三', age: 19, gender: false, zhengfang: { name: '張三', age: 19, gender: false }, ceshi: [{ name: '張三', age: 19, gender: false }, { name: '張三', age: 19, gender: false }, { name: '張三', age: 19, gender: false }] }; }])</script>還有filter、limitTo、number等內(nèi)置過濾器。
調(diào)用module的filter方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../../lib/angular/angular.js"></script></head><body ng-app="app"><div> <h1>{{false | checkData }}</h1></div><script> angular.module('app', []) .filter('checkData', function () { return function (input, style) { style = style || 1; switch (style) { case 1: return input ? '/u2713' : '/u2718'; break; case 2: return input ? '/u2714' : '/u2719'; break; } } })</script></body></html>新聞熱點
疑難解答
