現在のコンポーネント名を取得

Question

現在のコンポーネント名を取得できますか？例えば

私はlocalhost:3000/en/mycomponentを持っていると私はそれが私が言語の変化にリダイレクトしたい/language/component

ある/en/mycomponent返しthis.router.urlへよ場合。

私は

this.router.navigate([this.lang, my component here]);

を作ることができますしかし、どのように私は、ルーティングから現在のコンポーネントを得ることができますか？あなたは以下のようなコンポーネント名を取得することがあり

Answer 1

私は上記と同じ問題を抱えており、次のコンポーネント名を取得するために this.route.routeConfig.component.nameを使用することができました。これは、比較できる文字列値を返しました。

Answer 2

、

export class MyComponent{ 

    constructor(
    private route: ActivatedRoute, 
    private router: Router 
) { 
    // Below will result in MyComponent 
    console.log(this.route.component.name);   
    } 
} 

は、ルーティングがコンポーネント名ではなく、パスに基づいていると述べました。

これが役立ちますように！

Answer 3

そのコンポーネント名が十分ではありません最初のセグメントは、常にあなたのlanguageある場合のみ..あなたが

を追加オプションをしたいので..にも、このようにそれを実行します。

let urlSegments = this.route.url.split('/'); 
urlSegments[1] = this.lang; 
this.router.navigate(urlSegments.join('/'));