简介
ng2-trim-directive-dev 是一个由 Angular2 开发者社区开发的 npm 包，它提供了一个指令，可以帮助我们在输入数据时自动去除首尾空格，提高用户体验。
安装
通过 npm 进行安装：
--- ------- ---------------------- ------
集成
我们在引入指令之前需要在 app.module.ts 中进行声明：
-- ----
------ - ------------- - ---- -------------------------
-----------
-- ------------ -------
------------- -
-------------
-------------
--
-- ------- --- -------------
-------- -
-------------
--
---------- ---
---------- --------------
--
------ ----- --------- - -然后我们需要在模板中使用指令，以登录表单为例：
------ ------ ----------- ----------------- ---------------------- ----- ------ --------------- ---------------- ---------------------- ----- ------- ----------------------------- -------
注意：指令需要在 [(ngModel)] 双向绑定的元素上添加 trim 属性。
示例代码
------ - --------- - ---- ----------------
------------
--------- -----------
--------- -
------
------ ----------- ----------------- ---------------------- -----
------ --------------- ---------------- ---------------------- -----
------- -----------------------------
-------
-
--
------ ----- ------------ -
--------- -------
--------- -------
------- -
------------------------ ---------------
------------------------ ---------------
-
-结语
ng2-trim-directive-dev 对于 Angular2 开发来说是非常实用的一个 npm 包，它能够提高用户体验，避免因为用户输入格式不规范导致的问题。在集成和使用上也非常简单，希望这篇文章能够帮助到你。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005662c81e8991b448e2074