ng2-ef-inputs 是一个 Angular 2+ 应用中的表单输入组件。它提供了多种形式的输入，并允许你自定义的输入格式。本篇文章将介绍如何使用该 npm 包。
安装 ng2-ef-inputs
使用 npm 可以轻松安装 ng2-ef-inputs，命令如下：
npm install ng2-ef-inputs --save
引入和使用 ng2-ef-inputs
在你的 Angular 2+ 应用中使用 ng2-ef-inputs 需要以下步骤：
- 在模块中导入
FormsModule：
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - ------------- - ---- ----------------------------
------ - ----------- - ---- -----------------
-----------
-------- -
--------------
-----------
--
------------- ---------------
---------- --------------
--
------ ----- --------- - -- 在组件中引入
ng2-ef-inputs：
-- -------------------- ---- ------- ------ - --------- - ---- ---------------- ------ - ----------- - ---- ----------------- ------ - ------------------------- - ---- ---------------- ------------ --------- --------- --------- -------------------- --------------------------------------------- -- ------ ----- ------------ - --------- ------ - --- -
- 在模板中使用
ng2-ef-inputs：
<ng-efficient-input [(ngModel)]="firstName"></ng-efficient-input>
实现自定义输入格式
ng2-ef-inputs 提供了多种形式的输入，包括数字、日期、时间等等。而且它还允许你自定义输入格式。下面是一个展示如何实现自定义输入格式的示例代码：
<ng-efficient-input [(ngModel)]="dateOfBirth" [label]="'Birthday'" [placeholder]="'mm/dd/yyyy'" [validate]="true" [allowEmptyRestriction]="true" [valueTransformer]="transformDate" ></ng-efficient-input>
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ------------------------- - ---- ----------------
------------
--------- ---------
--------- -------------------- ---------------------------------------------
--
------ ----- ------------ -
--------- ------ - ---
-- -------
-------------------- ----- --- -
-- -------- ------ ------
--- ----- - -----------------
------ --------------------------------------
-
-在上面的代码中，我们使用了 valueTransformer 属性来自定义输入格式，该属性值是一个函数，它会接收输入的值并且返回一个转换后的值。
总结
ng2-ef-inputs 是一个非常有用的 Angular 2+ 应用中的表单输入组件，它提供了多种输入形式，并且允许你自定义输入格式。在本篇文章中，我们介绍了如何安装和引入 ng2-ef-inputs，以及如何实现自定义输入格式。希望这篇文章对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005575481e8991b448d44da