<html ng-app='app1'> <head> <meta name="generator" content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" /> <title></title> <script src='E:globaljsangular.min.js'> </script> </head> <body> <div ng-controller="c1"> <input value="get the filter value" type='button' ng-click="getFilter()" /> <div ng-bind="name " ></div> <div ng-bind="name | f1:'test page'" ng-show="isShow"></div> </div> <script> var app=angular.module('app1',[]); app.controller('c1',['$scope',function($scope){ $scope.name="please input the pw"; $scope.isShow=false; $scope.getFilter=function(){ $scope.isShow=true; } }]) app.filter('f1',function(){ return function(str,filterString){ return str+':custom:'+filterString; } }) </script> </body> </html>
核心代码
app.filter('f1',function(){ return function(str,filterString){ return str+':custom:'+filterString; } })