Как встроить компонент javascript в приложение Angular 2?

Question

В моем Угловом 2 приложении, я хотел бы, чтобы встроить это «тег входного компонента», который написан на простом Javacsript:

https://github.com/yairEO/tagify

Что бы правильный способ включить/вставлять его в моей машинописи?

Вот отрывок из моих файлов, где я хотел бы, чтобы компонент появляться:

Я на уровне новичка с Угловыми 2 и машинописью, но я надеюсь, что мой вопрос имеет смысл.

Answer 1

Добавьте их в файле index.html

<script src="jQuery.tagify.js"></script> 
<link rel="stylesheet" type="text/css" href="tagify.css"> 

добавить следующее в компоненте, где вы хотите использовать tagify

declare var Tagify:any; 

, например

import { Component } from '@angular/core'; 
declare var Tagify:any; 
@Component({ 
    selector: 'my-app', 
    template: `<h1>Hello {{name}}</h1>` 
}) 
export class AppComponent { name = 'Angular'; } 

затем добавить tagify логику в ngAfterViewInit у вашего компонента, например

export class AppComponent implements AfterViewInit { 
    name = 'Angular'; 
    ngAfterViewInit() { 
    var input = document.querySelector('input[name=tags]'), 
    tagify = new Tagify(input); 
    } 

}