私のアプリケーションでは、パンくずリストを次のように使用しています。
<div class="breadcrumb">
<a href="javascript:void(0);" class="back" (click)="goBack($event);">Back</a>
<div class="">
<h3>{{ pagename.label }}</h3>
<div *ngFor="let breadcrumb of breadcrumbs" class="bread-link-container texted">
<a [routerLink]="[breadcrumb.url]">
{{ breadcrumb.label }}
</a>
</div>
</div>
<div class="clear"></div>
</div>
ユーザーがコンポーネント B に移動できるコンポーネント A があります。次に、B から A に戻ると、B はstate
コンポーネント A としてデータを送信する必要があります。次のように:
this.router.navigate(['path-to-A'], {
state: {
data: myData
}
});
ここで、ユーザーがカスタム BACK ボタンを押して B->A に戻ると、手動で router.navigate を呼び出すため、状態を渡すことができます。問題は、ユーザーがブレッドクラムの routerLink をクリックすると、状態情報が送信されず、コンポーネント A がこれについて不平を言うことです。次のように、routerLink 経由で
を送信できることがわかりました。state
<a [routerLink]="['/user/bob']" [state]="{tracingId: 123}">
link to user component
</a>
しかし、ナビゲートしているコンポーネントから状態として渡したいプロパティの名前と値を取得する必要があります。これはどのように行うことができますか?