0

效果图

图片描述
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

图片描述


如果觉得我的文章对你有用,请随意赞赏

你可能感兴趣的

时年海 · 2017年07月19日

学习!

回复

坦然Jane · 2018年03月03日

能否把详细的实例发给我么?2073185802@qq.com

回复

载入中...