如何在ionic 3或angular 4中实现多重标记

我想实现多重标记，我不知道这方面有什么具体的包

我想对这组数据进行多重标记

我希望有类似的多重标记，如select2。这里是演示：

---

提前感谢

关于ionic3，您可以使用下面提到的npm软件包

npm install ng2-tag-input

安装包后，需要在模块文件中添加依赖项，如下所示：

app.module.ts

例如，如果您有一个名为home的组件，那么在home.ts文件中，您需要添加如下代码：

home.ts

最后，在模板文件中，您需要编写如下内容

home.html

---

先生，我相应地遵循了每一步，但我在promise:error:Template parse errors中未发现此错误：“tag input”不是已知元素：1。如果“标签输入”是一个角度组件，则确认它是该模块的一部分。2.如果“tag input”是Web组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.schemas”以抑制此消息。[错误->]：ng:///TagsPageModule/TagsPage。html@16：4错误：模板分析错误：“标记输入”不是已知元素：1。i首先卸载软件包，然后尝试使用npm install ng2标记输入安装软件包-保存此文件command@AddWebSolutionPvtLtd,我未安装和安装，但得到相同的error@EaB：cli软件包：/usr/lib/node_modules@ionic/cli utils:1.12.0-ionic-cli:3.12.0全局软件包：cordova-cordova-cli:7.0.1本地软件包：@ionic/app-scripts:3.0-cordova平台：android 6.2.3-ionic框架：ionic angular 3.7.1系统：Android SDK工具：26.1.1节点：v6.11.4 npm:3.10.10操作系统：Linux 4.4杂项：后端：legacy@EaB：以上是我的爱奥尼亚信息，上面提到的代码适用于我。请将其与您的信息进行比较

npm install ng2-tag-input

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { TagInputModule } from 'ng2-tag-input';

imports: [
     BrowserAnimationsModule,
     TagInputModule
  ]

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

    skills = ['javascript','angular 4','css','php'];

 constructor(public navCtrl: NavController) {

 }

}

<tag-input [(ngModel)]='skills'></tag-input>