How can I declare a global variable in Angular 2 and up / Typescript? [closed]

by

Here is the simplest solution without Service or Observer:

Put the global variables in a file and export them.

//
// ===== File globals.ts    
//
'use strict';

export const sep="https://stackoverflow.com/";
export const version: string="22.2.2";

To use globals in another file, use an import statement:
import * as myGlobals from 'globals';

Example:

// 
// ===== File heroes.component.ts    
//
import {Component, OnInit} from 'angular2/core';
import {Router} from 'angular2/router';
import {HeroService} from './hero.service';
import {HeroDetailComponent} from './hero-detail.component';
import {Hero} from './hero';
import * as myGlobals from 'globals'; //<==== this one (**Updated**)
 
export class HeroesComponent implements OnInit {
    public heroes: Hero[];
    public selectedHero: Hero;
    // 
    //
    // Here we access the global var reference.
    //  
    public helloString: string="hello " + myGlobals.sep + " there";

         ...

        }
    }

More Related Contents:

  1. *ngFor running an infinite loop in angular2
  2. Angular 2 custom form input
  3. How to get query params from url in Angular 2?
  4. How to inject Document in service?
  5. When I refresh my website I get a 404. This is with Angular2 and firebase
  6. Angular 2 Show and Hide an element
  7. WARNING: sanitizing unsafe style value url
  8. Angular 2: Convert Observable to Promise
  9. Angular2: How to load data before rendering the component?
  10. Angular2 – should private variables be accessible in the template?
  11. How to prepare release version with SystemJS and Gulp?
  12. Angular2 canActivate() calling async function
  13. Angular 2 beta.17: Property ‘map’ does not exist on type ‘Observable’
  14. How to display json object using *ngFor
  15. Angular 2 View will not update after variable change in subscribe
  16. Angular no provider for NameService
  17. Angular2 – Share data between components using services
  18. Accessing a property in a parent Component
  19. TypeScript error in Angular2 code: Cannot find name ‘module’
  20. Integrating Material Design Lite with Angular2
  21. Visual Studio Code Automatic Imports
  22. Get route query params
  23. RxJs get value from observable
  24. How to create an Observable from static data similar to http one in Angular?
  25. Angular 2 ngModel in child component updates parent component property
  26. Angular2 – root relative imports
  27. Angular2 HTTP GET – Cast response into full object
  28. Angular 2 loader on each http request
  29. detect change of nested property for component input
  30. How to place a dynamic component in a container

Leave a Comment