Angular2检测服务中的变化

Question

我在Angular2中有一个组件，它正在改变服务translate.service.ts中的“lang”类变量。在另一个组件中，我使用init中的翻译来获取字典。如果第一个组件稍后更改了服务语言，我想要自动在第二个组件中重新获取该词典。我怎么做？

第一部分：

setLang(lang) { 
    this._translateService.setLang(lang); 
    } 

服务：

dict = { "en": {}}; 
lang = "en"; 

setLang(lang) { 
    this.lang = lang; 
} 

getLang() { 
    return this.dict; 
} 

第二部分：

ngOnInit() { 
    this.dict = this._translateService.getDict(); 
} 

Answer 1

你应该在服务中使用的EventEmitter：

export class LangService { 
    langUpdated:EventEmitter = new EventEmitter(); 

    setLang(lang) { 
    this.lang = lang; 
    this.langUpdated.emit(this.lang); 
    } 

    getLang() { 
    return this.dict; 
    } 
} 

组件可以订阅此事件以在lang属性更新时得到通知。

export class MyComponent { 
    constructor(private _translateService:LangService) { 
    } 

    ngOnInit() { 
    this._translateService.langUpdated.subscribe(
     (lang) => { 
     this.dict = this._translateService.getDict(); 
     } 
    ); 
    } 
} 

详情请参见这个问题：

• Delegation: EventEmitter or Observable in Angular2
• Delegation: EventEmitter or Observable in Angular2

编辑

继Mark的评论，一个Subject/Observable应首选：

EventEmitter应该仅被用于发光元件的自定义活动，并且我们应该使用的Rx为其他可观察/事件场景。