AngularJs自定义过滤器

最新推荐文章于 2021-10-20 08:44:18 发布

约德尔蒙

最新推荐文章于 2021-10-20 08:44:18 发布

阅读量268

点赞数

分类专栏： AngularJs

本文链接：https://blog.csdn.net/gyq04551/article/details/55223169

版权

AngularJs 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>AngularJS 自定义滤器</title>  
</head>  
<!--  
    自定义滤器：除了使用AngularJS内建过滤器外，还可以根业务需要自定义过滤器，  
    通过模块对象实例提供的filter方法自定义过滤器。  
-->  
<body ng-app="App">  
      
    <div ng-controller="DemoController">  
        <h4>{{info|capitalize:123}}{{name}}</h4>  
    </div>  
  
    <script src="./libs/angular.min.js"></script>  
    <script>  
          
        var App = angular.module('App', []);  
          
        App.controller('DemoController', ['$scope', function ($scope) {  
            $scope.name = '小明';  
            $scope.info = 'my name is ';  
        }]);  
          
        // 自定义过滤器  
        App.filter('capitalize', function () {  
            return function (input, arg2) {  
                 console.log(arg2);  
                 console.log(input);  
                return input[0].toUpperCase() + input.slice(1);  
            }  
  
        });  
    </script>  
</body>  
</html>