从TypeScript

时间:2016-02-18 13:41:00

标签: javascript angular typescript

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

我试图在使用TypeScript编写的Angular 2 Component中使用像Bootstrap的modal.js这样的东西。

更新:

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

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

1 个答案:

答案 0 :(得分:6)

您可以使用类型声明或编写自己的声明。看看这个项目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