Angular 2 (global variables): How do I access a variable defined in index.html, in the Typescript code?

Question

I have this code:

 <script src="node_modules/nedb/browser-version/out/nedb.min.js"> </script>

 <script>
 var server = new Nedb({filename: 'someFile2', autoload: true});
 </script>

The Nedb persistent database is created.

I just want to access the server variable in the app code, like in MyCmp.ts. How do I do this?

Alexander Ciesielski · Accepted Answer · 2016-11-29 19:37:00Z

5

You need to declare Nedb inside Mycmp, then you should call the initialization code.

declare var Nedb: any;

@Component(...)
export class MyCmp {

    server: any;

    ngOnInit() {
       this.server = new Nedb({filename: 'someFile2', autoload: true});
    }
}

Now you can access this.server inside other functions inside Mycmp.

answered Nov 29, 2016 at 19:37

Alexander Ciesielski

10.8k5 gold badges48 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

coder Over a year ago

Thank you so much!

coder Over a year ago

Where do I make this particular typings universal, so I don't need to keep declaring Nedb?

coder Over a year ago

I guess my reputation is not enough.

jrasm91 Over a year ago

Angular is great at dependency injection. You could initialize it in a service and then inject that into any other component that might need to use it.

Riyaz Sayyad · Accepted Answer · 2017-03-08 21:31:42Z

0

You can easily access global variables by referencing window, like so

server = window["server"];

or

let server = window["server"];

answered Mar 8, 2017 at 21:31

Riyaz Sayyad

5411 gold badge5 silver badges8 bronze badges

Collectives™ on Stack Overflow

Angular 2 (global variables): How do I access a variable defined in index.html, in the Typescript code?

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related