• 技术文章 >web前端 >js教程

    聊聊Angular中的自定义管道

    青灯夜游青灯夜游2021-09-06 10:41:09转载150
    Angular中管道有什么用?特点是什么?怎么自定义管道?下面本篇文章带大家了解一下Angular中的管道,介绍一下自定义管道的方法,希望对大家有所帮助!

    一、管道的作用

    方便我们在模板中对我们的数据进行格式化处理。【相关教程推荐:《angular教程》】

    二、内置的常用管道

    具体API参照官网查询使用

    三、Angular管道特点

    四、自定义管道三部曲

    五、自定义管道项目实践

    背景:

    处理:

    遗留:

    1.png

    管道类说明

    import { DatePipe } from "@angular/common";
    import { Pipe, PipeTransform } from "@angular/core";
    
    @Pipe({ name: "gDate", pure: true })
    export class GDatePipe implements PipeTransform {
      transform(value: any, ...args: any[]) {
        let time = "";
        if (this.isIE()) {
          time = new DatePipe("en-US").transform(value.replace(/-/g, "/"), ...args);
        } else {
          time = new DatePipe("en-US").transform(value, ...args);
        }
        return time;
      }
    
      isIE(): boolean {
        return "ActiveXObject" in window;
      }
    }

    更多编程相关知识,请访问:编程入门!!

    以上就是聊聊Angular中的自定义管道的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:掘金社区,如有侵犯,请联系admin@php.cn删除
    专题推荐:Angular 自定义管道
    上一篇:怎么利用Node.js查看操作系统及其版本号 下一篇:JavaScript怎么添加子节点
    线上培训班

    相关文章推荐

    • 手把手教你使用Angular CDK Portal创建动态内容• 浅谈Angular中如何使用路由?• 深入了解AngularJS中的模块化和依赖注入• 深入了解Angularjs中的视图和指令

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网