Question

我在引导时注入了一个服务以使用全局变量：

 bootstrap(AppComponent, [ GloablService ]);

global.service.ts

import {Http} from 'angular2/http';
import {Observable} from 'rxjs/Observable';
import {Observer} from 'rxjs/Observer';
import 'rxjs/add/operator/share';

export class GlobalService {
  baseUrl:string;
  constructor() {
    this.baseUrl='http://localhost:8080'; 
  }
  setBaseUrl(url:string) {
    this.baseUrl=url;  
  }
  getBaseUrl() {
    return this.baseUrl;  
  }
}

现在我已经使用我的根组件引导了这项服务，并且我能够成功访问该变量。

但每当我在嵌套组件中更改变量的值时，更改都不会全局反映。

我也尝试使用observables，但没有用。

有什么建议吗？

Answer 1

不要在任何组件上添加providers: [ GloablService ]，否则组件将获得不同的实例。仅在bootstrap()提供一次，或仅在根组件AppComponent提供。

angular2中的全局变量，其值可以更改

1 个答案: