简体   繁体   中英

Access javascript variable included in HTML header from typescript

I have a javascript file included in the <head></head> tags of my Angular 2 app. I would like to access a function in that javascript file from my typescript file, how should I do that? When I'm running the app, I can type var simplemde = new SimpleMDE() in the browser console to get my markdown editor working, but how can I do this in the constructor in my typescript file?

Just declare it at the top of your component or wherever you need it like so:

declare var SimpleMDE: any;

Then you can call it in your constructor like you want!

You can use namespacing , which is basically an object and it wraps all other variable & function

Like this

var SomeObject={}
SomeObject.abc = "Some Value";
SOmeObject.myFunction = function(){
  // function body
}

In other file you can simply call SomeObject.abc & it will return string Some Value

You should use namespacing to avoid conflict of global window

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM