从使用 angular-cli 生成的 angular2 应用程序调用 Javascript 功能

汤米公鸡

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

卢克索001

这实际上非常简单。

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

现在从您的 .ts 文件中,您可以简单地以这种方式导入 .js 文件:

import * as myScript from './myScript';

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

编辑 1:

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

例如,你的 myScript.js 文件应该是这样的:

export default {

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

}

您可以在mdn 页面上找到更多信息

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在angular应用程序中使用外部javaScript库

如何使用angular-cli webpack调试angular应用程序?

Angular CLI使用Web Workers生成的应用程序

如何使用angular-cli构建多个应用程序?

调试Angular2应用程序

Angular Cli:如何提供2个应用程序?

使用angular-cli在angular2前端中生成错误

使用Nginx投放Angular2 CLI构建的应用程序会抛出404、403

如何在webpack中使用angular-cli在angular2应用程序中导入xml2js

使用Angular 2的Cordova应用程序

在Angular应用程序中如何使用Angular-CLI进行AOT?

Angular CLI-如何在整个应用程序中共享原型功能

在使用cli生成的Angular2项目中导入d3的本地文件

是否存在使用Angular2 +或JavaScript的可靠发现方法来找到应用程序的环境?

Angular 4:无法使用Angular CLI生成新组件

使用Material Design的Angular2应用程序的常规错误处理程序

如何使用Caspio数据页在Angular 8应用程序中嵌入/调用外部javascript

在angular2应用程序中使用Vaadin网格

如何在带有角度cli的angular2应用程序中使用gulp浏览器浏览器同步?

Angular-CLI Beta 14无法构建我的Angular2应用程序,该应用程序可以与System.js一起正常工作

在Angular 2 Cli应用程序中ng生成后,刷新显示404错误

如何在 github 上部署 angular2 cli 应用程序?

使用 Angular CLI 在 Angular 2 中部署新的应用程序构建后通知用户

在带有 NPM 的 Angular 4 应用程序中使用分叉的 Angular-CLI

Angular 8 CLI:如何使用提供程序延迟加载不可路由的功能模块

在 Angular 8 应用程序中使用外部 JavaScript 库

使用 angular-cli 8 运行 Angular 4 应用程序

使用 angular-cli-ghpages 将 Angular 应用程序部署到 Github 页面?

无法使用 Angular CLI 版本 9.1.3(和 Node 版本 12.16.2)创建新的 Angular 应用程序