Aureliaが状態変数を共有するときにカレンダーを更新する

Question

FullCalendarを使用していて、グローバル変数 "lang"が変更されるたびに内容を更新したい。次のように

私の共有状態Configクラスは、（のsrc /共通/ config.jsの）で次のように

export class Config { 
    static lang; 
    static sch; 
    static qtr; 

    constructor() { 
    this.lang = 'es'; 
    this.sch = 1; 
    this.qtr = 1; 
    } 

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

マイイベントクラス（のsrc /イベント/ events.js）は次のとおりです。

import { inject } from 'aurelia-framework'; 
import { Config } from '../common/config'; 
import { fullCalendar } from 'fullcalendar'; 

@inject(Config) 
export class Events { 

    constructor(config) { 
    this.config = config; 
    } 

    attached() { 
    $('#eventscalendar').fullCalendar({ 
     events: 'http://localhost:8080/api/v1/events-date-range?lang=' + this.config.getLang() 
    }); 
    } 
} 

基本的に、私はせずに、オーレリアでこれをどのように行うのですか。fullCalendar（「refetchEventsに」）Config.langが変わるたびに使用して（新しい言語でのイベントのURLを更新し、イベントをリロードしたいですConfigから明示的な呼び出しを行うことができます（おそらく、言語の変更はアプリケーションの多くの部分に影響を与える可能性があります）。私は何らかのイベント作成/リスナーを考えていますか？

Answer 1

setLangが呼び出されるたびにEventAggregatorを使用してイベントを公開します。 Eventsクラスのコンストラクタでイベントを購読することができます。

ここにいくつかのドキュメントがあります：http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/cheat-sheet/10