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

更新于 2017-03-08  约 2 分钟

效果图

图片描述
1、安装

npm install angular2-tag-input --save

2、配置app.module.ts

@NgModule({
  imports: [
    RlTagInputModule
  ]
})

3、模板界面

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

4、组件界面

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

图片描述

阅读 3.1k更新于 2017-03-08

推荐阅读

爱运动的程序员

52 人关注
129 篇文章
专栏主页
目录