前言
@cdf/cdf-ng-contact-us-form 是一个 Angular 的 npm 包。它提供了一个易于使用的联系我们表单，用户可以使用该表单向网站管理员提出问题和提供反馈。
安装
安装 @cdf/cdf-ng-contact-us-form 只需要在你的 Angular 项目中执行以下命令：
npm install --save @cdf/cdf-ng-contact-us-form
使用
安装完毕后，你可以将 ContactUsFormModule 导入到你的应用程序的模块中，如下所示：
-- -------------------- ---- -------
------ - ------------- - ---- ----------------------------
------ - -------- - ---- ----------------
------ - ------------------- - ---- ------------------------------
------ - ------------ - ---- ------------------
-----------
------------- - ------------ --
-------- -
--------------
-------------------
--
---------- - ------------ -
--
------ ----- --------- --现在，在你的组件模板中，你可以像这样使用 ContactUsForm 来显示一个简单的联系我们表单：
<cdf-contact-us-form></cdf-contact-us-form>
自定义选项
你可以在 ContactUsFormModule 导入时使用 forRoot() 方法来修改默认选项。例如：
-- -------------------- ---- -------
------ - ------------- - ---- ----------------------------
------ - -------- - ---- ----------------
------ - ------------------- - ---- ------------------------------
------ - ------------ - ---- ------------------
-----------
------------- - ------------ --
-------- -
--------------
-----------------------------
------ -------- ----
---------------- ----- ------
----------------- ----- -------
------------------- ----- ---------
----------------- --------
--
--
---------- - ------------ -
--
------ ----- --------- --在示例中，我们通过 forRoot() 方法修改了表单的标题、提交按钮文本和各个输入框的默认占位符。
高级使用
@cdf/cdf-ng-contact-us-form 可以用于定制化的表单，你可以在你自己的组件模板中使用 ContactUsFormDirective 来添加自定义控件。
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ---------------------- - ---- --------------------------------------------------------
------------
--------- -----------------------------
--------- -
---- --------------------
----------- -------
----- ----------------------
------ ----------- ----------- ----- ----------------- ------
------ ------------ ------------ ------ ----------------- -------
--------- -------------- -------- ----------------- --------------------
------- -----------------------------
-------
------
-
--
------ ----- ---------------------------- ------- ---------------------- -
-在示例中，我们通过继承 ContactUsFormDirective 并重写 submit() 方法来实现了一个表单。
总结
了解 @cdf/cdf-ng-contact-us-form 的使用方法可以为你提供构建联系我们表单的最佳实践。如果你想要更多地了解 Angular 或想要了解更多的 Contact Us Form 应用，可以查看 Angular 官方文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005557681e8991b448d2a23