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"> <div ng-controller="DemoController"> <h3>{{name|demo:"哈哈"}}</h3> <!-- 使用自定义的过滤器 --> </div> <script> var App = angular.module('App',[]); App.filter('demo',function() { return function(input,param) { // 第一个参数input是要处理的数据,第二个参数param是过滤器自己的参数 console.log(input); return input + param; // 返回处理后的数据 } }); App.controller("DemoController",['$scope',function($scope) { $scope.name = "小明"; }]); </script> </body> </html>