Angular2/Ionic2在哪裏定義全局變量？

Question

我很難定義一個全局變量，以便在整個應用程序中訪問。 該應用程序基於Ionic2和Angular2。

我試過很多方法，但都沒有工作。在一些例子中，我不明白在哪裏存儲物理js文件。

Exampe我想：Example

Answer 1

在app/globals.ts創建Globals類：

import { Injectable } from '@angular/core'; 
 

 
Injectable() 
 
export class Globals{ 
 
    VAR1 = 'value1'; 
 
    VAR2 = 'value2'; 
 
}

在您的組件：

import { Globals } from './globals'; 
 

 
@Component({ 
 
    selector: 'my-app', 
 
    providers: [ Globals ], 
 
    template: `<h1>My Component {{globals.VAR1}}<h1/>` 
 
}) 
 
export class AppComponent { 
 
    constructor(private globals: Globals){ 
 
    } 
 
}

您可以在HTML中使用你的全局與{{globals.VARIABLENAME}}

不要添加類全局的提供商