Как хранить глобальную переменную в Angular2?

Question

Как хранить глобальную переменную в Angular2, то же самое с сеансом PHP?

вместо этого использовать:

localStorage.setItem(); 

Answer 1

Вы можете использовать общую службу для этого. Для того, чтобы иметь уникальный экземпляр службы для всего приложения, просто определить его в функции bootstrap:

bootstrap(AppComponent, [ SharedService ]); 

Таким образом, вы будете иметь возможность установить глобальную переменную в нем.

export class SomeComponent { 
    constructor(private service:SharedService) { 
    this.service.someProperty = 'some value'; 
    } 
} 

Каждый элемент (компоненты, службы), которые вводят эту услугу, будет иметь доступ к этой услуге.

Если вы хотите быть notifed, когда это поле обновляется, вы можете использовать наблюдаемое свойство, как описано ниже:

• Delegation: EventEmitter or Observable in Angular2