素材巴巴 > 程序开发 >

Angular最新教程-第十三节 管道Pipes 自定义管道

程序开发 2023-09-03 22:52:09

自定义管道

运行ng generate pipe pipes/cny-currency
因为自定义管道使用的比较少,所以我们把管道都新建到pipes文件目录下。
打开srcapppipescny-currency.pipe.ts
这里写图片描述
这里我们编写了一个简单的管道,在输入的前面加上人民币符号,输出。
这里应该都很好理解,name是我们在html中使用的名字。
transform是管道的关键方法。
value是输入的值。可以指定类型。
args是可选参数,在使用的时候,就是名字后面加冒号的那些属性。
我们在srcappsite-statussite-status.component.html中测试一下。

  • 在线访客:{{siteStatus.onlineNum|cnyCurrency}}

  • 这里写图片描述


    标签:

    素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。