Angular2/ionic2在哪里定义全局变量

Question

我很难定义一个全局变量，可以在整个应用中访问。该应用基于Ionic2和Angular2。

我尝试采用许多方法，但没有任何方法。在一些示例中，我无法理解可以物理存储JS文件的位置。

exampe我尝试过：示例

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

您可以使用{{globals.VARIABLENAME}}

在HTML中使用全球

不要将全球级别添加为提供商