angular2-tag-input 輸入框回車肯定添加多個可刪除標籤

效果圖

一、安裝

npm install angular2-tag-input --save

二、配置app.module.ts

@NgModule({
  imports: [
    RlTagInputModule
  ]
})

三、模板界面

<rl-tag-input [(ngModel)]="tags" placeholder="Testing placeholder"></rl-tag-input>

四、組件界面

...
export class HomeComponent {
 tags: Array<string>;
  constructor() {
    this.tags = [];
  }
}
...

修改搜索框樣式
/Users/zhangxuchao/www/prime/node_modules/angular2-tag-input/lib/components