Access global variable in angular2

Question

Main.ts

 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { AppModule } from './app.module';
 platformBrowserDynamic().bootstrapModule(AppModule);

app.module.ts

 import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { HttpModule} from '@angular/http';
import { AppComponent     }  from './app.component';
 //service
import { DataService }  from './shared/data.service';
@NgModule({
   imports:      [ BrowserModule, FormsModule, HttpModule],
   declarations: [ AppComponent   ],                
   providers:    [ DataService], 
   bootstrap:    [ AppComponent ]
  })
 export class AppModule {}

starting point

  <script>
    var temp = "Prafulla";
    System.import('app').catch(function (err) { console.error(err); });
 </script>

I want to use temp variable inside angular2 I tried using this link Here but not work I donot understand how and where to write main function my app.module.ts

how to do it?

System.import('app').then(function (AppModule) { AppModule.main(temp); }).catch(function (err) { console.error(err); }); — user7324396
– user7324396, Commented Jan 30, 2017 at 10:12
can you give me hint because I tried like creating main method in app.module.ts but not work — user7324396
– user7324396, Commented Jan 30, 2017 at 10:13

Edric · Accepted Answer · 2018-04-03 15:00:45Z

3

You have to add your value in the providers of the AppModule:

@NgModule({
   imports: [ BrowserModule, FormsModule, HttpModule],
   declarations: [ AppComponent ],                
   providers: [
                 DataService,
                 {provide: 'rootVar', useValue: rootVar}
              ], 
   bootstrap: [ AppComponent ]
  })
 export class AppModule {}

Now you should be able to access the value in your components and services:

export class MyComponent {
    constructor(@Inject('rootVar') rootVar) {}
}

edited Apr 3, 2018 at 15:00

Edric

27.2k13 gold badges88 silver badges97 bronze badges

answered Jan 30, 2017 at 11:38

Dinistro

5,7301 gold badge33 silver badges39 bronze badges

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

Collectives™ on Stack Overflow

Access global variable in angular2

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related