AngularJs自定义过滤器

傷城~ 2022-07-12 07:10 241阅读 0赞

<!DOCTYPE html>  
    <html lang="en">  
    <head>  
        <meta charset="UTF-8">  
        <title>AngularJS 自定义滤器</title>  
    </head>  
      
    <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>

发表评论取消回复

表情：

评论列表（有 0 条评论，241人围观）

还没有评论，来说两句吧...

相关阅读

相关自定义过滤器

package com.kuang.filter; import javax.servlet.; import javax.servlet.h

àì夳堔傛蜴生んèń/ 2022年08月29日 10:05/ 0 赞/ 252 阅读

相关 Angularjs filter过滤器以及自定义filter过滤器

1. Angularjs filter过滤器 1. uppercase，lowercase大小转换 <table style="word-wr

妖狐艹你老母/ 2022年07月17日 00:21/ 0 赞/ 278 阅读

相关 angularjs自定义过滤器

AngularJS一大特点就是提供了过滤器，可以通过操作UNIX下管道的方式，操作数据结果。通过使用管道，可以便于双向的数据绑定中视图的展现。过滤器在处理过程中

妖狐艹你老母/ 2022年07月15日 11:45/ 0 赞/ 245 阅读

相关 AngularJs自定义过滤器

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

傷城~/ 2022年07月12日 07:10/ 0 赞/ 242 阅读

相关 AngularJs自定义服务

<!DOCTYPE html> <html lang="en" ng-app="App"> <head> <

悠悠/ 2022年07月12日 07:06/ 0 赞/ 220 阅读

相关 AngularJS 自定义 server

1. 定义 Server 如同指令一样，系统内置的服务以$开头，我们也可以自己定义一个服务，但不要以`$`开头用于区分系统内置的服务。定义服务的方式有如下几种： 1.

绝地灬酷狼/ 2022年06月08日 09:57/ 0 赞/ 202 阅读

相关自定义过滤器

<!DOCTYPE html> <html> <head> <title></title> <script type="text/j

柔光的暖阳◎/ 2022年06月02日 11:10/ 0 赞/ 213 阅读

相关 angularJs自定义指令

1. 定义对于指令，可以把它简单的理解成在特定DOM元素上运行的函数，指令可以扩展这个元素的功能。 2.定义指令的方法：第一个参数，指令的名字myDirec

心已赠人/ 2022年05月27日 02:13/ 0 赞/ 212 阅读

相关 AngularJS过滤器以及自定义过滤器

过滤器是用来更改修改数据，并且可以在表达式或使用管道符指令将其归入。以下是常用的过滤器的列表。一.AngularJS的filter过滤器向表达式添加过滤器：可以通过

Bertha 。/ 2021年09月14日 06:54/ 0 赞/ 471 阅读

相关 AngularJs 自定义指令

自定义指令类似创造一个组件(标签),使得多个页面引用相同内容自定义创建 app页面数据模型.directive()来创建的;

曾经终败给现在/ 2021年07月25日 01:33/ 0 赞/ 470 阅读