一种基于Angular的管道处理数据方法及工具技术

本发明专利技术公开一种基于Angular的管道处理数据方法及工具，涉及数据处理技术领域，本方法及工具的具体实现步骤包括：基于输入数据，确认设定格式的输出数据；根据输入数据及设定格式的输出数据，编写数据处理的逻辑，使输入数据经管道处理后输出设定格式的数据；将每一种数据处理逻辑分别编写在管道ts文件中，多个管道ts文件再存放于当前项目目录下，并且在管道ts文件中以@Pipe({name:'自定义管道名'})的形式声明，通过export提供给html文件使用。本方法及工具实现过程中，仅需要在项目中写好管道对数据的处理方式，并且在html文件中引用即可，提高了页面运行效率，无需使用*ngIf指令，尤其是针对一些输入数据和输出数据种类很多的地方，避免了代码的重复。

【技术实现步骤摘要】
一种基于Angular的管道处理数据方法及工具
本专利技术涉及数据处理
，具体的说是一种基于Angular的管道处理数据方法及工具。
技术介绍
AngularJS是一款来自Google的前端JavaScript框架，也是SPA(single-page-application,单页应用)框架，体积小，但是功能强大，极大地简化了前端开发的负担，帮助开发者从事WEB开发。Angular其实是AngularJS，在Angular1的时候还是AngularJs，从Angular2已经开始叫Angular，随着版本的不断更新升级，现在已经从Angular2直接跳到了Angular4,再到Angular5,Angular6。Angular1基于JavaScript的框架，主要用于PC端的web开发；Angular2基于TypeScript的框架，对于移动应用，Angular2及以后的版本有更佳的用户体验，越来越快了。目前，有很多数据的处理都是放在ts文件里或者在html中使用*ngIf指令，这样虽然也能实现但是代码特别冗余而且可读性不高。因此，本文档来自技高网...

【技术保护点】
1.一种基于Angular的管道处理数据方法，其特征在于,包括如下步骤：/n基于输入数据，确认设定格式的输出数据；/n根据输入数据及设定格式的输出数据，编写数据处理的逻辑，使输入数据经管道处理后输出设定格式的数据；/n将每一种数据处理逻辑分别编写在管道ts文件中，多个管道ts文件再存放于当前项目目录下，并且在管道ts文件中以@Pipe({name:'自定义管道名'})的形式声明，通过export提供给html文件使用。/n

【技术特征摘要】
1.一种基于Angular的管道处理数据方法，其特征在于,包括如下步骤：
基于输入数据，确认设定格式的输出数据；
根据输入数据及设定格式的输出数据，编写数据处理的逻辑，使输入数据经管道处理后输出设定格式的数据；
将每一种数据处理逻辑分别编写在管道ts文件中，多个管道ts文件再存放于当前项目目录下，并且在管道ts文件中以@Pipe({name:'自定义管道名'})的形式声明，通过export提供给html文件使用。


2.根据权利要求1所述的一种基于Angular的管道处理数据方法，其特征在于，当不同输入数据通过同一数据处理逻辑时，该数据处理逻辑被封装到module.ts文件；
当多个html文件需要使用同一个管道时，importmodule.ts文件。


3.根据权利要求1所述的一种基于Angular的管道处理数据方法，其特征在于，在管道ts文件通过export提供给html文件使用时，如果管道的运行需要传递参数，则通过继承PipeTransform类，并重写PipeTransform类的transform()方法来对传递的参数进行处理。


4.根据权利要求1所述的一种基于Angular的管道处理数据方法，其特征在于，在html文件需要引入管道ts文件时，使用操作符“|”+管道名的方式来使数据流入管道并且输出为设定格式的输出数据。


5.根据权利要求4所述的一种基于Angular的管道处理数据方法，其特征在于，在html文件需要引入管道ts文件时，还可以添加参数，参数的形式用于控制参数的最终显示格式，此时，在html文件的管道名后面用冒号标明要传的参数即可。


6.根据权利要求4所述的一种基于Angular的管道处理数据方法，其...

【专利技术属性】
技术研发人员：姚一飞，李彦君，胡章丰，孙思清，
申请(专利权)人：浪潮云信息技术股份公司，
类型：发明
国别省市：山东;37