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