1つのルートに2つの角度コンポーネント

Question

1つの単一コンポーネントを指す2つの異なるルートを持つことは可能でしょうか？たとえば：

{ path: 'signin', component: SignInComponent }, 
{ path: 'tenant/:id/signin', component: SignInComponent } 

私はいくつかの有線振る舞いを持っているので、私は聞いてるのよ..

Answer 1

はい、あなたは同じ構成要素を指す2つの異なるルートを使用することができます。しかし、ルートから、以前のルートと同じコンポーネントを使用する別のルートにナビゲートすると、角度はコンポーネントインスタンスを再利用します。コンポーネントの新しいインスタンスは作成されません。

'signin'から 'tenant /：id/signin'にナビゲートすると、angleは 'signin'のために作成したSignInComponentの同じインスタンスを使用します。 SignInComponentのコンストラクタとinitメソッドは呼び出されません。 initメソッドでobservableを使用できます。 ActivatedRouteのparamsメソッドは、観測可能です。

ルートが

ngOnInit() { 
    this.route.params 
    .switchMap((params: Params) => this.service.getHero(+params['id'])) 
    .subscribe((hero: Hero) => this.hero = hero); 
} 

switchMap演算子は、あなたが観測の現在の値を持つアクションを実行し、新しいにマップすることができ、あなたのActivatedRouteインスタンスです：あなたは、パラメータを抽出するために、このような何かを行うことができます観察可能。 このコードは、サービスからのルートで指定されたIDを持つヒーローを取得します。 このようなことができます。コードを投稿すると、正確に何をする必要があるか教えてくれます。