[發(fā)明專利]一種基于Angular的管道處理數(shù)據(jù)方法及工具

在審

• 申請?zhí)枺?/td>: 202010896687.7
• 申請日: 2020-08-31
• 公開（公告）號: CN112035280A
• 公開（公告）日: 2020-12-04
• 發(fā)明（設(shè)計）人: 姚一飛;李彥君;胡章豐;孫思清
• 申請（專利權(quán)）人: 浪潮云信息技術(shù)股份公司
• 主分類號: G06F9/54
• 分類號: G06F9/54;G06F16/958
• 代理公司: 濟(jì)南信達(dá)專利事務(wù)所有限公司 37100
• 代理人: 馮春連

本發(fā)明公開一種基于Angular的管道處理數(shù)據(jù)方法及工具，涉及數(shù)據(jù)處理技術(shù)領(lǐng)域，本方法及工具的具體實現(xiàn)步驟包括：基于輸入數(shù)據(jù)，確認(rèn)設(shè)定格式的輸出數(shù)據(jù)；根據(jù)輸入數(shù)據(jù)及設(shè)定格式的輸出數(shù)據(jù)，編寫數(shù)據(jù)處理的邏輯，使輸入數(shù)據(jù)經(jīng)管道處理后輸出設(shè)定格式的數(shù)據(jù)；將每一種數(shù)據(jù)處理邏輯分別編寫在管道ts文件中，多個管道ts文件再存放于當(dāng)前項目目錄下，并且在管道ts文件中以@Pipe({name:'自定義管道名'})的形式聲明，通過export提供給html文件使用。本方法及工具實現(xiàn)過程中，僅需要在項目中寫好管道對數(shù)據(jù)的處理方式，并且在html文件中引用即可，提高了頁面運(yùn)行效率，無需使用*ngIf指令，尤其是針對一些輸入數(shù)據(jù)和輸出數(shù)據(jù)種類很多的地方，避免了代碼的重復(fù)。

技術(shù)領(lǐng)域

本發(fā)明涉及數(shù)據(jù)處理技術(shù)領(lǐng)域，具體的說是一種基于Angular的管道處理數(shù)據(jù)方法及工具。

背景技術(shù)

AngularJS是一款來自Google的前端JavaScript框架，也是SPA(single-page-application,單頁應(yīng)用)框架，體積小，但是功能強(qiáng)大，極大地簡化了前端開發(fā)的負(fù)擔(dān)，幫助開發(fā)者從事WEB開發(fā)。Angular其實是AngularJS，在Angular1的時候還是AngularJs，從Angular2已經(jīng)開始叫Angular，隨著版本的不斷更新升級，現(xiàn)在已經(jīng)從Angular2直接跳到了Angular4,再到Angular5,Angular6。Angular1基于JavaScript的框架，主要用于PC端的web開發(fā)；Angular2基于TypeScript的框架，對于移動應(yīng)用，Angular2及以后的版本有更佳的用戶體驗，越來越快了。

目前，有很多數(shù)據(jù)的處理都是放在ts文件里或者在html中使用*ngIf指令，這樣雖然也能實現(xiàn)但是代碼特別冗余而且可讀性不高。因此，研發(fā)人員提出了一種基于Angular的管道處理數(shù)據(jù)方法，該方法實施時，僅需要在項目中寫好管道對數(shù)據(jù)的處理方式，并且在html文件中引用即可。

發(fā)明內(nèi)容

本發(fā)明針對目前技術(shù)發(fā)展的需求和不足之處，提供一種基于Angular的管道處理數(shù)據(jù)方法及工具。

首先，本發(fā)明提供一種基于Angular的管道處理數(shù)據(jù)方法，解決上述技術(shù)問題采用的技術(shù)方案如下：

一種基于Angular的管道處理數(shù)據(jù)方法，包括如下步驟：

基于輸入數(shù)據(jù)，確認(rèn)設(shè)定格式的輸出數(shù)據(jù)；

根據(jù)輸入數(shù)據(jù)及設(shè)定格式的輸出數(shù)據(jù)，編寫數(shù)據(jù)處理的邏輯，使輸入數(shù)據(jù)經(jīng)管道處理后輸出設(shè)定格式的數(shù)據(jù)；

將每一種數(shù)據(jù)處理邏輯分別編寫在管道ts文件中，多個管道ts文件再存放于當(dāng)前項目目錄下，并且在管道ts文件中以@Pipe({name:'自定義管道名'})的形式聲明，通過export提供給html文件使用。

可選的，當(dāng)不同輸入數(shù)據(jù)通過同一數(shù)據(jù)處理邏輯時，該數(shù)據(jù)處理邏輯被封裝到module.ts文件；

當(dāng)多個html文件需要使用同一個管道時，import module.ts文件。

可選的，在管道ts文件通過export提供給html文件使用時，如果管道的運(yùn)行需要傳遞參數(shù)，則通過繼承PipeTransform類，并重寫PipeTransform類的transform()方法來對傳遞的參數(shù)進(jìn)行處理。

可選的，在html文件需要引入管道ts文件時，使用操作符“|”+管道名的方式來使數(shù)據(jù)流入管道并且輸出為設(shè)定格式的輸出數(shù)據(jù)。

進(jìn)一步可選的，在html文件需要引入管道ts文件時，還可以添加參數(shù)，參數(shù)的形式用于控制參數(shù)的最終顯示格式，此時，在html文件的管道名后面用冒號標(biāo)明要傳的參數(shù)即可。