一个简单的管道定义和使例子:

使用:
<p>
test works!{{(55|testp:'25')}}
</p>

定义:
import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
name: 'testp'
})
export class TestpPipe implements PipeTransform {

transform(value: string, args?: string): number {
return (Number(value) + 88) * Number(args);
}
}

注意:要做模块中
declarations: [
AppComponent,
UnlessDirective,
TestComponent,
Test2Component,
TestpPipe
]

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • core package 概要:Core是所有其他包的基础包.它提供了大部分功能包括metadata,templa...
    LOVE小狼阅读 7,706评论 0 3
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,287评论 19 139
  • 一.课程简介 (注意:这里的AngularJS指的是2.0以下的版本) AngularJS的优点: 模板功能强大丰...
    壹点微尘阅读 4,505评论 0 0
  • 第八期第12篇 接下来要说的这次旅行,其实并不是第一下就跳出脑海的;因为走的太多,难忘的也太多,一下子挑出一个来讲...
    花瓣儿丫阅读 2,405评论 0 0
  • 1、 安装 Navicat 11 for Windows 系列原版程序。 2、 使用管理员权限运行注册机程序。 3...
    手表大大阅读 32,908评论 1 0

友情链接更多精彩内容