微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐