介绍
npm 包 angular-formatter-parser 是一个用于解析 angular ngModel 中的 formatter 信息的工具。当我们在使用 AngularJS 时，通常会在表单输入框中使用 ngModel 指令来绑定数据。当我们使用 formatter 选项对数据进行格式化时，在提交表单前需要将数据解析为原始格式。这个 npm 包就可以帮助我们完成这个过程。
安装
使用 npm 包管理器安装 angular-formatter-parser：
--- ------- ------------------------ ------
使用
解析 ngModel 中的 formatter 信息
首先，我们需要在我们的项目中引入 angular-formatter-parser：
--- --------------- - ------------------------------------
接下来，我们可以使用 formatterParser.parse 函数来解析 ngModel 中的 formatter 信息。该函数接收三个参数：
formatter：ngModel 中的 formatter 选项；value：要解析的值；scope：AngularJS 的 $scope 对象。
示例代码：
-------------------
------------------------------------
----------------------- ---
--------------------------- ---------------- --------- -
------------ - -------
--------------------- - -----------
------------------ - ------------------- -
------ -----------------------------
--
--- --------- - -
------------ ---------------------
--
--- ----------- - -------------------------------- ------------- --------
------------------------- -- -- -------
---解析含有多个 formatter 的 ngModel 信息
如果 ngModel 中包含多个 formatter，我们需要将它们依次执行，将结果作为下一个 formatter 的输入：
-------------------
------------------------------------
----------------------- ---
--------------------------- ---------------- --------- -
------------ - -------
--------------------- - -----------
------------------- - ------------------- -
------ ----------------------------------- ---------
--
------------------- - ------------------- -
------ --- - ----------
--
--- --------- - -
------------ --------------------- ---------------------
--
--- ----------- - -------------------------------- ------------- --------
------------------------- -- -- ---------
---解析含有异步 formatter 的 ngModel 信息
如果 ngModel 中包含异步 formatter，我们需要等待所有异步操作完成后才能得到最终的解析结果。我们可以使用 AngularJS 的 $q 服务来实现这个功能：
-------------------
------------------------------------
----------------------- ---
--------------------------- ---------------- --------- --- -
------------ - -------
--------------------- - -----------
----------------------- - ------------------- -
--- -------- - -----------
------------------- -
---------------------------------------------------- ----------
-- ------
------ -----------------
--
--- --------- - -
------------ --------------------------
--
--- ------------------ - -------------------------------- ------------- --------
--------------------------------------------- -
------------------------- -- -- -------
---
---解析含有组合 formatter 的 ngModel 信息
如果 ngModel 中包含组合 formatter，那么我们需要将它们解析为一个 formatter 数组，并依次执行：
-------------------
------------------------------------
----------------------- ---
--------------------------- ---------------- --------- --- -
------------ - -------
--------------------- - -----------
------------------- - ------------------- -
------ ----------------------------------- ---------
--
------------------- - ------------------- -
------ --- - ----------
--
----------------------- - ------------------- -
--- -------- - -----------
------------------- -
-------------------------- - - --------
-- ------
------ -----------------
--
--- ---------- - -
------------ --------------------- -------------------------
--
--- ---------- - -
------------ ----------------------
--
--- ----------------- - ------------ ------------
--- ------------------ - ---------------------------------------- ------------- --------
--------------------------------------------- -
------------------------- -- -- --------- -----
---
---结论
angular-formatter-parser 可以帮助我们解析 ngModel 中的 formatter 信息，并得到原始数据。我们可以使用它来方便地处理表单提交时的数据格式化问题。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60055d8e81e8991b448db4fa