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

效果


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

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...