Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/spring-mvc/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在Angular 2应用程序中嵌入javascript组件?_Javascript_Angular_Typescript_Angularjs Directive - Fatal编程技术网

如何在Angular 2应用程序中嵌入javascript组件?

如何在Angular 2应用程序中嵌入javascript组件?,javascript,angular,typescript,angularjs-directive,Javascript,Angular,Typescript,Angularjs Directive,在Angular 2应用程序中,我想嵌入这个“标记输入组件”,它是用纯JavaCScript编写的: 在我的打字脚本中包含/嵌入它的正确方法是什么 下面是我的文件片段,我希望在其中显示组件: 我对Angular 2和Typescript还处于初级阶段,但我希望我的问题有意义。将它们添加到index.html文件中 <script src="jQuery.tagify.js"></script> <link rel="stylesheet" type="text/

在Angular 2应用程序中,我想嵌入这个“标记输入组件”,它是用纯JavaCScript编写的:

在我的打字脚本中包含/嵌入它的正确方法是什么

下面是我的文件片段,我希望在其中显示组件:


我对Angular 2和Typescript还处于初级阶段,但我希望我的问题有意义。

将它们添加到index.html文件中

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

import { Component } from '@angular/core';
declare var Tagify:any;
@Component({
  selector: 'my-app',
  template: `<h1>Hello {{name}}</h1>`
})
export class AppComponent { name = 'Angular'; }
export class AppComponent implements AfterViewInit  { 
  name = 'Angular'; 
  ngAfterViewInit() {
    var input = document.querySelector('input[name=tags]'),
    tagify = new Tagify( input );
  }

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

}