Question

58

How to import js file in typescript?

rated 0 times [ 64] [ 6] / answers: 1 / hits: 26116 / 7 Years ago, thu, july 6, 2017, 12:00:00

I want to import js file in typescript.
And I want to access object and function in the js files.
Also I added js file in index.html but It doesn't working too.
so I find a clue that import '[js file path]' but it doesn't working.

import { Component } from '@angular/core';

import { NavController } from 'ionic-angular';

import { NavParams } from 'ionic-angular';

import '../../pages/mobile.js';





@Component({

  selector: 'page-success',

  templateUrl: 'success.html'

})



export class SuccessPage {

  constructor(public navCtrl: NavController, public navParms: NavParams) {



let centerPos =  new atlan.maps.UTMK(953933.75, 1952050.75);



 }

}

This is success.ts file. I want to find 'atlan' object.
Give me a solution please. Thx a lot!

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

lara

Add To Favorites

Follow

Total Points: 462

Total Questions: 100

Total Answers: 102

Location: Jersey

Member since Mon, Jun 14, 2021

3 Years ago

lara questions

1 How to watch for multiple values in Vue 3 script setup?

Thu, May 19, 22, 00:00, 2 Years ago

1 chrome.runtime.OnMessage.addListener returns duplicate messages

Tue, Jul 27, 21, 00:00, 3 Years ago

1 Using try catch in watch of Vue.js

Thu, Apr 1, 21, 00:00, 3 Years ago

1 NodeJS 12 SyntaxError: Unexpected token 'export'

Mon, Jul 27, 20, 00:00, 4 Years ago

1 In Blazor Server-Side how can I detect if the user tries to navigate off of the current page

Tue, Mar 17, 20, 00:00, 4 Years ago

View All

answered 7 Years ago admin · Accepted Answer

You have to use the declare keyword so you do not get any compilation errors. You can do the following

    import { Component } from '@angular/core';

     ....

    /* Here you are telling typescript compiler to 

       ignore this variable it did not originate with typescript.*/

    declare var atlan: any; 



    @Component({

      selector: 'page-success',

      templateUrl: 'success.html'

    })



export class SuccessPage {

    ....

}