要解决的问题

用户在输入框输入数据时，不小心多按了空格，然后提交了数据；
或者搜索时，多按了空格，会导致想搜索的条目搜索不到；
这就需要我们对input输入框进行处理，自动将数据前后空格去除（数据内容间的空格保留）

使用angular2-trim-directive

1. 安装ng2-trim-directive

npm i ng2-trim-directive

2. 在使用input框的module中导入InputTrimModule

import { InputTrimModule } from 'ng2-trim-directive';
@NgModule({
  imports: [
    ...
    InputTrimModule,
    ...
  ],
  ...

2. 在input框或textarea中使用

• 输入时trim

   <input type="text" trim />
   <textarea ... trim ></textarea>

• 失去焦点时trim

   <input type="text" trim="blur" />
   <textarea ... trim="blur" ></textarea>