angular入门--自定义过滤器

<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:\global\js\angular.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;
            }
        })