angular2-tag-input 输入框回车肯定添加多个可删除标签

效果图node

图片描述
一、安装npm

npm install angular2-tag-input --save

二、配置app.module.tsangular2

@NgModule({
  imports: [
    RlTagInputModule
  ]
})

三、模板界面app

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

四、组件界面this

...
export class HomeComponent {
 tags: Array<string>;
  constructor() {
    this.tags = [];
  }
}
...
修改搜索框样式
/Users/zhangxuchao/www/prime/node_modules/angular2-tag-input/lib/components

图片描述

相关文章
相关标签/搜索