zoukankan      html  css  js  c++  java
  • angular第五天

    1、$filter

    2、自定义过滤器

    <!-- index.html -->
    <!DOCTYPE html>
    <html ng-app="myApp">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <script src="angular.js"></script>
    </head>
    <body>
        <div ng-controller="firstController">
            <p>{{ name }}</p>
            <p>{{ num }}</p>
        </div>
    </body>
    <script type="text/javascript">
        var app = angular.module("myApp", []);
        app.controller('firstController', ['$scope','$filter', function($scope, $filter){
       
            $scope.num = 344342342357.32342565;
            $scope.name = $filter("firstUpper")("hello");
        }]);
    
        //自定义过滤器的写法是返回一个函数
        app.filter("firstUpper",function(){
            //这里的参数就是使用过滤器的时候传入的参数
            return function(str,num,nu2){
                // console.log(str);
                // console.log(num);
                // console.log(nu2);
                return str.charAt(0).toUpperCase()+str.substring(1);
            }
        })
    </script>
    </html>
  • 相关阅读:
    HTML5学习小结
    HTML和CSS的复习总结
    LOL UVALive
    E
    D
    C
    B
    D
    J
    css
  • 原文地址:https://www.cnblogs.com/gao-xiong/p/5963038.html
Copyright © 2011-2022 走看看