路由：重定向到单独的页面

Question

我在应用程序组件中有这个 html:

 <h1 class="title">{{ title | uppercase }}</h1>
 <app-discography-container></app-discography-container>
 <app-total-albums></app-total-albums>
 <app-single-album></app-single-album>
 <router-outlet></router-outlet>

然后我有另一个名为 video 的组件，其路由在应用程序模块中声明：

 const routes: Routes = [{ path: 'video', component: VideoComponent }];

在 app-discography 组件中我有这个：

 <a routerLink="/video" target="_blank">
   lorem ipsum 
 </a>

当我点击 link“lorem ipsum”时，我重定向到视频路径，但我也有组件 app-total-albums 和 app-single-album 而我没有'想要他们......我希望它能将我重定向到一个单独的页面

Answer 1

您好，我想我了解您的问题。您不想在视频页面中显示 app-total-albums 和 app-single-album 组件。所以我为你的场景制作了一个 stackblitz link 请检查并告诉我这是否是你需要的。

https://stackblitz.com/edit/angular-ivy-fhpdqy?file=src/app/app.component.html

路由：重定向到单独的页面

Routes: redirect to a separate page

redirect

routes

angular-ui-router

angular