私はルートの次のような構成を持つルータのイベントで

Question

を正しいURLを取得します私の404のルートでいくつかのテスト：これにより

<button type="button" routerLink="unknown">Click here for unknown</button> 

が、私はそれが404ページ、しかしに行く意味、それは動作しますが、ボタンのルートhome/xxxでプレスした後だし、次はmに対して返されますE：

NavigationEnd {id: 2, url: "/home/unknown", urlAfterRedirects: "/404"} 

しかし、私は私が私のボタンに設定されたURL、REAL前のルート（home/xxx）を取得しないように期待していました。これを達成する方法はありますか？

PS1：私はpairwiseを使用しようとしましたが、404ルートを2回呼び出した後でのみ動作します。

私の404のコンポーネントは、次のようになります。

export class NotFoundErrorComponent { 

    public previousUrl: string; 

    constructor(
    private router: Router 
) { 
    this.router.events 
    .filter((event: any) => event instanceof NavigationEnd) 
    .subscribe((event: any) => { 
     console.log(event); 
     // this.previousUrl = event.url; 
    }); 
    } 
    ... 
} 

Answer 1

これは、ステップバイステップで、何が起こるかです：

1. あなたが/home/unknown
2. にルータをナビゲート/home/xxx
3. でありますあなたは/404にリダイレクトされるべきパス上にいることに気づきます。
4. あなたは/404にあり、前のURLは/home/unknownです。代わりに/404に**をリダイレクトする
   1. 、ちょうどルータのパス**に404コンポーネントを設定：

   私はこれを解決することができる2つの方法を考えることができます。 404コンポーネントで/home/unknownに留まります。

5. あなたのアプリケーションにアクセスしたURLを追跡する独自のサービスを実装します。たとえば、Locationサービスを@angular/routerから購読し、訪問したURLを追跡できます。