如何在 Angular 5 中使用 Bootstrap 侧导航栏和路由？

【问题标题】：How to use Bootstrap side navbar and routing in angular 5?如何在 Angular 5 中使用 Bootstrap 侧导航栏和路由？
【发布时间】：2018-04-29 16:39:10
【问题描述】：

我是 angular 5 的新手，但我知道 angular-JS 1.x..

我在引导程序中设计了导航栏，它与 angular-js 1.x 配合得很好。我决定继续使用 angular 5 但我不知道如何转换，因为每个模块都被称为 angular 中的组件。有没有办法在 angular 5 中实现 bootstrap/material Navbar？

【问题讨论】：

【解决方案1】：

只是为了让您入门：我会将导航栏放在一个单独的组件中。然后将该组件放在（例如）app.component.html 的顶部，并使用路由在路由器插座中导航：

<app-navbar></app-navbar>

<router-outlet></router-outlet>

导航栏的 html 将是现在的导航栏。按照 Angular 文档 https://angular.io/guide/router

中的说明使用 Angular 路由

【讨论】：