如何在角度5中使用Bootstrap侧导航栏和路由?

时间:2018-04-29 16:39:10

标签: angular twitter-bootstrap angular5 navbar

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

我在bootstrap中设计了navbar,它与 angular-js 1.x 配合得很好。 我决定继续 angular 5 ,但我不知道如何转换,因为每个模块都被称为角度组件。有没有办法在 angular 5

中实现bootstrap / material Navbar

1 个答案:

答案 0 :(得分:0)

为了让您入门:我会将导航栏放在一个单独的组件中。然后将该组件放在(例如)app.component.html的顶部,并使用路由来浏览路由器插座:

<app-navbar></app-navbar>

<router-outlet></router-outlet>

导航栏的html就像你现在的导航栏一样。使用Angular文档https://angular.io/guide/router

中描述的Angular路由