简介
angular2-easy-forms-enterthusiast 是一个帮助 Angular 开发者轻松构建表单的 npm 包。它通过提供可重用的表单组件和一组方便的服务，使表单开发变得更加简单和高效。
安装
运行以下命令来安装 angular2-easy-forms-enterthusiast：
npm install angular2-easy-forms-enterthusiast --save
使用步骤
步骤 1：导入 NgModule
在你的应用程序的 AppModule 中，导入 angular2-easy-forms-enterthusiast 的模块：
-- -------------------- ---- -------
------ - --------------- - ---- ------------------------------------
-----------
-------- -
----------------
-- -------
--
-- -----
--
------ ----- --------- - -步骤 2：使用表单组件
现在你可以在你的组件中使用 angular2-easy-forms-enterthusiast 的表单组件了。我们来测试一下。
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ------------ ---------- ---------- - ---- -----------------
------------
--------- --------------
--------- -
----- -------------------- ------------------------
-----------
------------
-------------
-----------------------
------------------ ---- ----- --------
--------------
------- -----------------------------
-------
--
--
------ ----- --------------- -
------- ----------
------------------- --- ------------ - -
---------- -
----------- - ---------------
-------- ---- ---------------------
---
-
---------- -
-------------------------------
-
-在这个示例中，我们使用了 ef-textbox 组件来创建一个邮箱输入框。你会注意到，我们定义的表单并不需要我们手动绑定输入框的值——这是因为我们给 ef-textbox 组件的 formControlName 属性传递了表单控件名字 'email'。这将使 ef-textbox 自动从该表单控件中获取和更新值。
步骤 3：提供表单服务
angular2-easy-forms-enterthusiast 还提供了一组便利的表单服务，方便你处理复杂的表单逻辑。要使用这些服务，你需要在模块中注册它们。例如：
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - ------------ ---------- - ---- -----------------
------ - ----------- - ---- ------------------------------------
-----------
---------- -
------------
- -------- ------------ --------- ----------- --
--
--
------ ----- -------- - -在这个示例中，我们把 FormBuilder 替换成了 FormService，这将让我们使用它更方便。例如：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ---------- - ---- -----------------
------ - ----------- - ---- ------------------------------------
------------
--------- --------------
--------- -
----- -------------------- ------------------------
-----------
------------
-------------
-------------------------------------------
------------------ ---- ----- --------
--------------
------- -----------------------------
-------
--
--
------ ----- --------------- -
------ - ----------------
--------
------ ---
--
---------
------------------- ------------ ------------ - -
---------- -
-------------------------------
-
-在这个示例中，我们使用了 FormService 的 group 方法来创建一个表单。同时，我们定义了一个名为 email 的验证规则。
总结
angular2-easy-forms-enterthusiast 简化了 Angular 表单开发的繁琐工作。通过提供可重用的表单组件和便利的表单服务，你可以更加高效地处理你应用程序中的表单。如果你正在寻找一个简单易用且完全兼容 Angular 的表单解决方案，angular2-easy-forms-enterthusiast 绝对是一个考虑的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005566281e8991b448d3382