AngularJS -自定义过滤器

来源：互联网发布：淘宝皇冠值多少钱一个编辑：程序博客网时间：2024/06/04 17:40

发现我们所使用的都是Angular已经封装好的过滤器，现在，自己定义过滤器比自带的用起来更加的心应手，下面，我分享下我在使用自定义过滤器的心得吧

自定义过滤器

1、过滤器中，直接return function(value) {}，

2、通过闭包函数来实现数据处理，固定语法结构！

3、value参数：第一个参数，用于接收要处理的数据：数据就是过滤器管道符前面变量中的数据

4、闭包函数中的value就是过滤器接收到的数据|就是准备过滤的数据

5、过滤器中数据处理完成，一定要返回输出

代码参考：

js部分

    var app = angular.module("myApp", []);    app.filter("myfilter", function() {        return function(value) {            value = value.toUpperCase();            return value;        }    });    app.controller("myCtrl", function($scope) {        $scope.name = "";    });

html部分

    请输入小写英文：<input type="text" ng-model="name"><br><br>    小写转换结果：<span ng-bind="name | myfilter"></span>

app.filter(name,fn):用于定义一个自定义过滤器

name:过滤器名称

fn:过滤器处理函数

0 0