В Angular 2, как правильно разместить компоненты, я также вижу последнюю страницу и следующий загруженный компонент?

Question

Здесь размещен мой первый компонент

2-е изображение - html компонента меню

Теперь предположим, что я делаю маршрут по ссылке и вызываю 3-ю страницу изображения, я также вижу 1-ю страницу и 2-й компонент проходит по ней

Answer 1

Вы можете просто разместить директиву <router-outlet></router-outlet> в том месте, где вы хотите визуализировать ваш компонент.В этом случае я думаю, что ваше третье изображение.

Если я правильно вас понимаю, вы должны поместить router-outlet в контейнер div между панелью навигации и нижним колонтитулом для рендеринга компонентов, нажав routerLink.Navbar и Footer всегда видны при таком подходе.

Ознакомьтесь с документацией router-outlet

Вот пример для router-outlet , как это можно сделать.