angular - How to include external Javascript library in an Ionic 2 TypeScript project? - Stack Overflow

admin管理员组

文章数量:1289901

I build an Ionic Project using Ionic 2, Angular 2 and TypeScript to test the framework a bit. I need to include an external library (ntc.js) to my project, since I need it to name hex colors.

I know including a Javascript library to TypeScript should work, since whatever works in JS works in TS. I just don't want to include it the wrong way.

I tried to add the library to www/build/js, but it doesn't seem to work and it doesn't seem like the good way to do this. I tried to search for ways to do this but found nothing (might be because Angular 2 and Ionic 2 is still fresh).

Things like :

import * as ntc from '../../js/ntc';

doesn't seem to work as well, even if my library is located at the right place. TypeScript doesn't seem to read my file properly, if it reads it at all.

What is the good way to do this? Where should I place my .js file in my project directory?

I build an Ionic Project using Ionic 2, Angular 2 and TypeScript to test the framework a bit. I need to include an external library (ntc.js) to my project, since I need it to name hex colors.

I know including a Javascript library to TypeScript should work, since whatever works in JS works in TS. I just don't want to include it the wrong way.

I tried to add the library to www/build/js, but it doesn't seem to work and it doesn't seem like the good way to do this. I tried to search for ways to do this but found nothing (might be because Angular 2 and Ionic 2 is still fresh).

Things like :

import * as ntc from '../../js/ntc';

doesn't seem to work as well, even if my library is located at the right place. TypeScript doesn't seem to read my file properly, if it reads it at all.

What is the good way to do this? Where should I place my .js file in my project directory?

• javascript
• angular
• ionic-framework
• ionic2

Share Improve this question Follow edited Sep 13, 2016 at 15:37 CozyAzure 8,47877 gold badges3838 silver badges5555 bronze badges asked Sep 13, 2016 at 14:17 ExiledNarwal28ExiledNarwal28 9511 silver badge66 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 9

You import it by adding it to your index.html like any other regular javascript file.

Then in your ts file you do:

declare var Tree:any; 

Then in your code, you can use the Tree variable, albeit it exists in the Javascript file. this line of code is basically telling the typescript piler there is a variable out there Tree which it should ignore.

Besides doing a declare var which tells ts that the variable exists you can use typings of typescript. By writing

typings install libraryname

In your console you get a file that already has declare var/class and you can see all of its functions/properties when you import it.

import {lib} from 'libraryname';

本文标签： angularHow to include external Javascript library in an Ionic 2 TypeScript projectStack Overflow