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); }); — , Jan 30 '17 at 10:12
can you give me hint because I tried like creating main method in app.module.ts but not work — , Jan 30 '17 at 10:13
@Dinistro please give answer I tried but provide showing error — , Jan 30 '17 at 10:14
refer [link](http://stackoverflow.com/a/37384405/5292301) but same it shows old syntax how to implement in new main.ts — , Jan 30 '17 at 11:00

score 3 · Accepted Answer · edited Apr 03 '18 at 15:00

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) {}
}

Access global variable in angular2

1 Answers1