$filter过滤器服务:在$scope模型(Model)中实现数据格式化输出(可以实现视图中的所有内置过滤器)。
demo.html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>AngularJS</title> <script src="angular.min.js"></script> <!-- 引入AngularJS框架 --> </head> <body ng-app="App"> <ul ng-controller="DemoController"> <li>价格:{{price}}</li> <li>大写:{{str}}</li> <li>截取:{{str2}}</li> </ul> <script> var App = angular.module('App',[]); // $filter过滤器服务 App.controller("DemoController",['$scope','$filter',function($scope,$filter) { var currency = $filter('currency'); // currency过滤器 可以实例化所有内置过滤器 $scope.price = currency(11.1111); // 在$scope模型(Model)中完成过滤器的功能(数据格式化输出) var uppercase = $filter('uppercase'); // uppercase过滤器 $scope.str = uppercase('Hello'); $scope.str2 = $filter('limitTo')('hello',3); // limitTo过滤器 }]); </script> </body> </html>