angular6之pipe管道

标签：port   直接   hang   from   对象   目录   读取   属性   影响   

作为前端开发人员，我们在网站开发时，需要读取后端的接口进行视图层的数据展示。我们经常会遇到接口给予我们的值不是最终展现的数据，例如：后端返回的金额是number类型额数据，我们需要遇到千分位用逗号隔开（10000 -> 10,000）,重量10000g转成10kg等，这些需要前端把数据进行简单的转换成对用户友好的格式。在angular6中pipe便发挥这样的作用，熟悉vue的同学会感觉非常类似vue中的computed计算属性。

下面介绍angular6中pipe的具体用法

1、ng g pipe <pipe名称>

pipe名称可以带有路径，如pipes/pipename 这样就会在src/app目录生成pipes目录，并在齐目录下生成文件pipename.pipe.ts

2、pipe文件中的代码

(1)、引入相应模块

angular6之pipe管道

标签：port   直接   hang   from   对象   目录   读取   属性   影响   

原文地址：https://www.cnblogs.com/leejay6567/p/10017802.html