[發明專利]一種基于Angular的管道處理數據方法及工具

在審

• 申請號: 202010896687.7
• 申請日: 2020-08-31
• 公開（公告）號: CN112035280A
• 公開（公告）日: 2020-12-04
• 發明（設計）人: 姚一飛;李彥君;胡章豐;孫思清
• 申請（專利權）人: 浪潮云信息技術股份公司
• 主分類號: G06F9/54
• 分類號: G06F9/54;G06F16/958
• 代理公司: 濟南信達專利事務所有限公司 37100
• 代理人: 馮春連

1.一種基于Angular的管道處理數據方法，其特征在于,包括如下步驟：

基于輸入數據，確認設定格式的輸出數據；

根據輸入數據及設定格式的輸出數據，編寫數據處理的邏輯，使輸入數據經管道處理后輸出設定格式的數據；

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

2.根據權利要求1所述的一種基于Angular的管道處理數據方法，其特征在于，當不同輸入數據通過同一數據處理邏輯時，該數據處理邏輯被封裝到module.ts文件；

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

3.根據權利要求1所述的一種基于Angular的管道處理數據方法，其特征在于，在管道ts文件通過export提供給html文件使用時，如果管道的運行需要傳遞參數，則通過繼承PipeTransform類，并重寫PipeTransform類的transform()方法來對傳遞的參數進行處理。

4.根據權利要求1所述的一種基于Angular的管道處理數據方法，其特征在于，在html文件需要引入管道ts文件時，使用操作符“|”+管道名的方式來使數據流入管道并且輸出為設定格式的輸出數據。

5.根據權利要求4所述的一種基于Angular的管道處理數據方法，其特征在于，在html文件需要引入管道ts文件時，還可以添加參數，參數的形式用于控制參數的最終顯示格式，此時，在html文件的管道名后面用冒號標明要傳的參數即可。

6.根據權利要求4所述的一種基于Angular的管道處理數據方法，其特征在于，在html文件需要引入至少兩個管道ts文件時，對至少兩個管道進行鏈式處理，即將至少兩個管道按要求排列，并在相鄰管道之間使用操作符“|”隔開；

至少兩個管道進行鏈式處理后，還可以添加參數，參數的形式用于控制參數的最終顯示格式，此時，在最后一個管道名后面用冒號標明要傳的參數即可。

7.一種基于Angular的管道處理數據工具，其特征在于，其包括：

接收模塊1，用于接收輸入數據；

設定模塊，用于設定輸入數據的輸出格式；

管道模塊，用于根據輸入數據和輸出數據的格式編寫數據處理邏輯；

ts文件模塊，用于保存編寫有數據處理邏輯的管道模塊，多個ts文件模塊再存放于當前項目目錄下，并且在ts文件模塊中以@Pipe({name:'自定義管道名'})的形式聲明，通過export提供給html文件使用。

8.根據權利要求7所述的一種基于Angular的管道處理數據工具，其特征在于，當不同輸入數據通過同一數據處理邏輯時，該數據處理邏輯被封裝到名稱為module.ts的ts文件模塊；

當多個html文件需要使用同一個管道模塊時，import module.ts。

9.根據權利要求7所述的一種基于Angular的管道處理數據工具，其特征在于，在ts文件模塊通過export提供給html文件使用時，如果管道模塊的運行需要傳遞參數，則通過繼承PipeTransform類，并重寫PipeTransform類的transform()方法來對傳遞的參數進行處理。

10.根據權利要求9所述的一種基于Angular的管道處理數據工具，其特征在于，在html文件需要引入ts文件模塊時，使用操作符“|”+管道名的方式來使數據流入管道模塊并且輸出為設定格式的輸出數據。