2016-11-30 5 views
1

、私はプレーンJavacsriptで書かれているこの「タグ入力コンポーネント」を埋め込むしたいと思います:Angular 2アプリにjavascriptコンポーネントを埋め込む方法は?私の角度2アプリケーションで

https://github.com/yairEO/tagify

は何/含めるための正しい方法だろう私のtypescriptですでそれを埋め込みますか?ここで

は、コンポーネントが表示されるのを私が好きな私のファイルの抜粋です:

enter image description here

私は角2と活字体で初心者のレベルでだけど、私は私の質問を願っています理にかなっている。

答えて

2

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

追加するには、例えば

declare var Tagify:any; 

をtagify使用する場所コンポーネントで、次の自分のindex.htmlファイルでこれらを追加

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); 
    } 

} 
関連する問題