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

发布时间：2020-12-17 09:33:56 所属栏目：安全来源：网络整理

导读：效果图 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 Ho

效果图

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!