javascript - angular 4 如何在外部js中调用一个函数

Question

我有一个 jscript，它向控制台显示日志:

x.js 包含

function open() {
    console.log('this a function');
}

在我的应用程序的 index.html 中

<script src="x.js"></script>

在我的组件中

declare var xJS : any;;

@Component({
   selector: 'employerfile',
   templateUrl: './employerfile.component.html'
})

export class EmployerFileComponent
    .....
    openURL() {
       xJS.open();  
    }
}

在 html 中

<a (click)="openURL()"> click </a>

当我执行这段代码时，我得到一个异常@

Original exception: xJS is not defined

如何调用这个外部函数？

Answer 1

像这样导入文件 <script src="x.js"></script>将不起作用。

您必须按以下方式导入它:

import * as xJS from './x.js';

如果它不起作用，另一种方法是使用 System.import :

declare var System: any; 

System.import('./x.js')
    .then(xJS => {
        xJS.open();
    });

可以查看以下SO post .