博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
angular学习笔记(十六) -- 过滤器(2)
阅读量:7005 次
发布时间:2019-06-27

本文共 727 字,大约阅读时间需要 2 分钟。

本篇主要介绍angular自定义的过滤器:

直接看例子:

  13.2过滤器  
{
{
title_1 | titleCase: 1 }}
{
{
title_2 | titleCase: 2 }}
var myFilter = angular.module('MyFilter',[]);myFilter.filter('titleCase',function(){    var titlecase = function(title,num){        var words = title.split(' ');        for(var i=0; i

 

1. 首先要创建一个模块: MyFilter

2. 给模块添加一个过滤器: titleCase

创建过滤器的格式如下:

myFilter.filter('titleCase',function(){    var titlecase = function(title,num){         ...    };    return titlecase});

.filter的第一个参数为过滤器的名字,也就是在{

{}}里面使用的名字,第二个参数是一个函数,函数需要再返回一个函数,被返回的函数,就是用来处理数据的函数,第一个参数就是需要被过滤的数据,后面的参数,就是在使用过滤器的时候,冒号后面传入的值. 比如这里的1:

{
{
title_1 | titleCase: 1 }}

3. 创建控制器: filter 

4. 创建变量title_1,title_2

 

转载地址:http://anutl.baihongyu.com/

你可能感兴趣的文章