javascript - Angular2 : how to use bootstrap-tagsinput properly

我正在尝试在Angular2项目中使用bootstrap-tagsinput库。该库是使用package.json文件安装的:

  "dependencies": {
    ...
    "bootstrap-tagsinput": "^0.7.1",
    ...
  }

现在，我在bootstrap-tagsinput中有一个node_modules文件夹。我想在特定组件中使用标签输入。我看到bootstrap-tagsinput-angular.js目录中有一个node_modules/bootstrap-tagsinput/dist文件，但是我无法正确使用它。

我是否应该在我的index.html中添加JS文件，以便bootstrap-tagsinput可用于所有组件？还是有一种方法可以将其仅在需要的地方导入？

换句话说，有没有办法做这样的事情:

mycomponent.component.html:

<input type="text" value="Amsterdam,Washington,Sydney,Beijing,Cairo" data-role="tagsinput"/>

mycomponent.component.ts:

import {Component, AfterViewInit} from '@angular/core';
import {TagsInputComponents} from 'bootstrap-tagsinput'; // Something like that?!?

@Component({
    ...
})

export class MyComponentComponent implements AfterViewInit {

    ngAfterViewInit():any {
        $('input').tagsinput('refresh');
    }
}

非常感谢你的帮助!

最佳答案

我可以看到在使用带有 Angular 击的bootstrap-tags-input来使用ngTagsInput时出现一些问题(如果您使用 Angular )。

请在以下位置查看更多详细信息:ngTagsInput，demo