使用angular-cli生成的angular2应用程序调用Javascript函数

Question

从TypeScript调用JS脚本时遇到了一些麻烦。我尝试了互联网上的所有示例，但在我的情况下不起作用。

Answer 1

这非常简单。

假设您有一个名为myScript.js的JS脚本和一个名为myComponent.component.ts的Angular2应用程序的.ts文件。 在此示例中，这两个文件将位于同一文件夹中。

现在从您的.ts文件中，您只需以这种方式导入.js文件：

import * as myScript from './myScript';

然后使用您的导入，例如myScript.doSomething()

编辑1：

为了进一步澄清，你需要在你的js文件中export内容，否则它们不会向调用者公开任何内容。

例如，您的myScript.js文件应该是：

export default {

   function doSomething() {
      console.log('i am doing something amazing');
   }

}

您可以在this mdn page。

上找到更多信息