問題タブ [angular-routerlink]

2 ページのサンプル Web アプリケーションがあります。デフォルトでは、ログイン画面がロードされます。ユーザーがアクティベーション メールをクリックすると、登録ページに移動します。を使用してローカルで正常に動作しng serveます。ログイン画面に行くページを使用して公開しng-build、ホストしました。http-serverしかし、メールからアクティベーションリンクをクリックすると、ページが登録されず、エラーが発生します

routerLink を使用してページに戻ります。

現在のルートには 3 つのレベルがあります。

また、いくつかの異なるコンポーネントがあるため、常に親になるとは限りません。子と孫の場合も、parent1またはparent2にすることができます。次に例を示します。

私が望むのは、常に前のレベルに移動することです。たとえば、次のようになります。

私がしたことは：

ただし、常に「myurl.com」に移動します

どうすれば解決できますか？

一部のユーザーが示唆したように、ルーティング構成を共有しています。

app.routing.ts で:

parent.routing.ts:

ブラウザで私が書いた場合：

しかし、戻るボタンをクリックしても失敗します

Angular2 でqueryParams使用してバインドすると、次のエラーが発生します。routerLink

[エラー] 値のシリアライズ中に例外が発生しました

このエラーは、DOM を調べると表示されます。リンクはページにまったく表示されないため、コンソールにもエラーがなかったため、これが唯一のデバッグ方法でした。

DOM のスクリーンショット

コンポーネントコード

テンプレート コード

を実行するconsole.log(this.validUrl.query)と、次のように表示されます。

ここで何か間違ったことをしていますか？

routerLinkActiveクリックイベントありとなしで使用するにはどうすればよいrouterLinkですか? click と routerLink を一緒に使用することはお勧めできません。リンクをクリックしたときにアクティブなクラスを設定し、クリックしたページにユーザーを移動する前に、クリック イベントでいくつかのビジネス機能を実行したいと考えています。以下のコードはクラスを設定していません。