Angular + TypescriptのVSコードでルーティングするコード

Question

私はVSコードで複数言語のAngular4アプリケーションを開発しています。

ルータはこのようにする必要があり：

import { ActivatedRoute } from '@angular/router'; 
export class TranslateHelper { 
    private currentLanguage: string; 
    private defaultLanguage = 'de-de'; 

    constructor(private route: ActivatedRoute) {} 

    public getCurrentLanguage() { 
     this.route.params.subscribe(params => { 
     this.currentLanguage = params.lang; 
    }); 

    return this.currentLanguage; 
    } 
} 

アプリルーティング：私はTranslateHelperというクラスを持っている

はlocalhost/EN-US /ビジョン

。モジュール：

const routes: Routes = [ 
    { path: ':lang/visions', component: VisionsComponent}, 
]; 

と私はURLに言語を追加しようとしていますフッターに：

export class FooterComponent implements OnInit { 
    public lang; 

    constructor(private translateHelper: TranslateHelper) { } 

    ngOnInit() { 
    this.lang = this.translateHelper.getCurrentLanguage(); 
    } 

} 

HTML：

<li><a [routerLink]="[lang, 'visions']">Visions</a></li> 

、私はどんな失敗を受信しませんが、フッターにlangは常に定義されていませんparams.langとまったく同じです。

誰でも教えてください。どのように修正できますか？とにかくありがとうございました。

Answer 1

あなたのリターンは購読者の外にあるからです。内部に入れてみてください。

Answer 2

サブスクリプション内から何かを返そうとしていますが、実際には機能しません。経路パラメータを返信してコンポーネントに登録するか、次のようにすることができます。

export class TranslateHelper { 
    private currentLanguage: string; 
    private defaultLanguage = 'de-de'; 

    private language: Subject<any> = new Subject<any>(); 

    public language$ = language.asObservable(); 

    constructor(private route: ActivatedRoute) {} 

    public getCurrentLanguage() { 
     this.route.params.subscribe(params => { 
     this.language.next(params.lang) 
     }); 
    } 
} 


export class FooterComponent implements OnInit { 
    public lang; 

    constructor(private translateHelper: TranslateHelper) { } 

    ngOnInit() { 

    this.translateHelper.language$.subscribe(language => { 
     this.lang = language; 
    }): 
    } 

}