Angular 学习笔记——filter

最新推荐文章于 2025-09-13 09:06:35 发布

转载最新推荐文章于 2025-09-13 09:06:35 发布 · 81 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mayufo/p/4989722.html

文章标签：

#javascript #ViewUI

本文介绍了一个使用Angular框架创建自定义过滤器的例子。该过滤器能够将字符串的首字母转换为大写，展示了如何定义及应用Angular过滤器的过程。

<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="js/angular-1.3.0.js"></script>
    <script>
        var m1 = angular.module('myApp',[]);
        
        m1.filter('firstUpper',function(){
            return function (str){
                return str.charAt(0).toUpperCase() + str.substring(1);
            }
        })
        m1.controller('may',['$scope','$filter',function($scope,$filter){
            $scope.name = $filter('firstUpper')('hello');

        }])
    </script>
</head>
<body ng-controller='may'>
    <p>{{name }}</p>
</body>
</html>