Question

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

我试过很多方法，但都没有用。在SO的一些示例中，我无法理解物理存储js文件的位置。

例子我尝试过：Example

Answer 1

在app / globals.ts中创建Globals类：

＆＃13;

import { Injectable } from '@angular/core';

Injectable()
export class Globals{
    VAR1 = 'value1';
    VAR2 = 'value2';
}

＆＃13;

在您的组件中：

＆＃13;

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

＆＃13;

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

在html中使用全局变量

不要将类Globals添加为提供者

Angular2 / Ionic2在哪里定义全局变量？

1 个答案: