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?

score 5 · Answer 1 · answered Nov 29 '16 at 19:37

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 '16 at 19:37

Alexander Ciesielski

10,506
5
45
66

Thank you so much! – coder Nov 29 '16 at 19:55
Where do I make this particular typings universal, so I don't need to keep declaring Nedb? – coder Nov 29 '16 at 19:56
I guess my reputation is not enough. – coder Dec 12 '16 at 14:46
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. – jrasm91 May 19 '18 at 02:00

score 0 · Answer 2 · answered Mar 08 '17 at 21:31

0

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

server = window["server"];

or

let server = window["server"];

answered Mar 08 '17 at 21:31

Riyaz Sayyad

531
1
5
8

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

2 Answers2