angular - Calling JavaScript functions from TypeScript - Stack Overflow

admin管理员组

文章数量:1333431

What's the best way of importing and using JavaScript code within TypeScript?

I'm trying to use stuff like Bootstrap's modal.js within an Angular 2 Component written using TypeScript.

UPDATE:

The solution as suggested was to create a type declaration d.ts file for the js file to forward delcare things I needed to use, then the referenced js file implementation was used at runtime.

Shame there isn't a more automatic direct way but it gets the job done. For many mon frameworks these d.ts type declarations are available as mentioned via . I also didn't need to ment style reference the d.ts as it was already included in my piled ts files.

What's the best way of importing and using JavaScript code within TypeScript?

I'm trying to use stuff like Bootstrap's modal.js within an Angular 2 Component written using TypeScript.

UPDATE:

The solution as suggested was to create a type declaration d.ts file for the js file to forward delcare things I needed to use, then the referenced js file implementation was used at runtime.

Shame there isn't a more automatic direct way but it gets the job done. For many mon frameworks these d.ts type declarations are available as mentioned via http://definitelytyped/tsd. I also didn't need to ment style reference the d.ts as it was already included in my piled ts files.

• javascript
• angular
• typescript

Share Improve this question Follow edited Apr 21, 2017 at 13:19 user663031 asked Feb 18, 2016 at 13:40 Chris SnowdenChris Snowden 5,00211 gold badge2626 silver badges3434 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 5

You can use type declaration or write your own. Take a look on this project http://definitelytyped/tsd/

It has type definitions for many popular libraries. And also for angular-ui-bootstrap.

Then you can reference definition in Typescript like this:

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

In general you basically reference a library, then in typescript you should reference a type definition or provide your own declaration, like

declare function hex_md5(value: string): string;

if you have javascript function hex_md5 defined somewhere above.

本文标签： angularCalling JavaScript functions from TypeScriptStack Overflow