Question

我想点击链接或更简单地在网址中输入/child并查看该页面，但对我来说并不起作用。

我想我想念一些东西。在我的创建html页面中，我有<router-outlet></router-outlet>。

在此组件创建中，我有一个子搜索结果组件，与货物和付款子组件位于同一级别。

在搜索结果html页面上，我有货物和付款的链接。

http://localhost:5050/create/search-result/search-results

当我点击商品时，我想要有网址：

http://localhost:5050/create-trade/goods

现在不起作用。为什么？每次我被重定向到登录页面。

<a class="btn btn-primary float-right" routerLink="/goods">
<a class="btn btn-primary float-right" routerLink="/payment">

路由器

{path: 'login', component: LoginComponent},
{path: 'create/:section', component: CreateTradeComponent, ,
 children: [
  {path: '', redirectTo: 'search-results', pathMatch: 'full'},
  {path: 'search-results', component: TradeSearchResultsComponent},
  {path: 'goods', component: GoodsComponent},
  {path: 'payment', component: PaymentComponent},
 ]
},
{path: '**', redirectTo: 'login'}

Answer 1

您应该在create组件中有一个路由器插座。不在搜索结果中。将以下代码放在创建组件

中

<a [routerLink]="['goods']">goods</a>
<a [routerLink]="['payment']">payment</a>

Answer 2

如果您尝试从create component子路由重定向。它将生成类似/create/search-result/search-results的URL，因为它会从当前激活的路由创建一个URL。在创建路由之前，您应该使用../来回路段路段。然后你就完全了。

<a class="btn btn-primary float-right" routerLink="['../goods']">
<a class="btn btn-primary float-right" routerLink="['../payment']">

有角度的4个孩子不起作用

路由器

2 个答案: