Как использовать боковую навигационную панель Bootstrap и маршрутизацию в angular 5?

Question

Я новичок в угловой 5 , но я знал, angular-JS 1.x ..

У меня есть navbar, разработанный в начальной загрузке, который хорошо работает с angular-js 1.x . Я решил перейти к angular 5 , но я не знаю, как конвертировать, так как каждый модуль называется компонентом в angular. Есть ли способ реализовать бутстрап / материал Навбар в угловой 5 ?

Answer 1

Просто чтобы начать: я бы поместил панель навигации в отдельный компонент. Затем поместите этот компонент в верхнюю часть (например) app.component.html и используйте маршрутизацию для навигации по выходу маршрутизатора:

<app-navbar></app-navbar>

<router-outlet></router-outlet>

html для панели навигации будет такой же, как вы сейчас. Используйте угловую маршрутизацию, как описано в угловой документации https://angular.io/guide/router