10

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

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

myurl.com/parent
myurl.com/parent/child
myurl.com/parent/child/grandchild

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

myurl.com/parent2/child1/grandchild2

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

myurl.com/parent/child/grandchild -> myurl.com/parent/grandchild

私がしたことは：

<button [routerLink]="['../'']">
       back
</button>

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

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

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

app.routing.ts で:

const APP_ROUTES: Routes = [
{
  path: '',
  canActivate: [LoggedInGuard],
  children: [
    {path: '', redirectTo: '/mainPage', pathMatch: 'full'},
    {path: 'parent', loadChildren: 'app/parent/parend.module#ParentModule'
]},
{path: '**', redirectTo: ''}
];

parent.routing.ts:

const PARENT_ROUTES: Routes = [
 {path: '', component: ParentComponent},
 {path: ':id', component: ChildComponent},
];

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

myurl.com/parent -> it works

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

4

3 に答える 3

2

これを試してみてください[routerLink]="['../child']"

于 2021-02-03T03:17:49.950 に答える