javascript - 从 TypeScript 调用 JavaScript 函数

标签 javascript angular typescript

在 TypeScript 中导入和使用 JavaScript 代码的最佳方式是什么?

我正在尝试在使用 TypeScript 编写的 Angular 2 组件中使用 Bootstrap 的 modal.js 之类的东西。

更新:

建议的解决方案是为js文件创建一个类型声明d.ts文件来转发我需要使用的delcare东西,然后在运行时使用引用的js文件实现。

遗憾的是没有更自动的直接方式,但它可以完成工作。对于许多常见框架,这些 d.ts 类型声明可通过 http://definitelytyped.org/tsd 提及。 .我也不需要评论引用 d.ts 的样式,因为它已经包含在我编译的 ts 文件中。

最佳答案

您可以使用类型声明或自己编写。看看这个项目http://definitelytyped.org/tsd/

它有许多流行库的类型定义。也适用于 angular-ui-bootstrap

然后你可以像这样在 Typescript 中引用定义:

///<reference path="../typings/angular-ui-bootstrap/angular-ui-bootstrap.d.ts"/>

一般来说,你基本上引用了一个库,然后在 typescript 中你应该引用一个类型定义或提供你自己的声明,比如

declare function hex_md5(value: string): string;

如果您在上面某处定义了 javascript 函数 hex_md5

关于javascript - 从 TypeScript 调用 JavaScript 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35483072/

相关文章:

angular - Ionic 2 Promise 来自服务器的不同数据

JavaScript 每个选项卡只加载一次? (多个 "pages",单页表格)

javascript - 如何对 HighCharts 图例隐藏系列?

javascript - 如何在搜索操作时显示数据列表?

angular - Angular 模块之间的路由

angular - @ngrx/store : dispatch from an action. 好吗?怎么样?

javascript - 如何使用 TypeScript 在 Angular 2 的浏览器中获取当前 url?

javascript - npm start 与 Node app.js

用于制作在线表单的 Java applet 或 JavaScript?

angular - 为什么 Angular 在我的情况下无法获得值(value)