Загрузите несколько компонентов на той же странице Угловой 2

Question

Я работаю над угловым 2-мя приложениями, чтобы сохранить экспликацию короче, у меня есть навигатор слева и на остальной части страницы, и я покажу свой контент ,

То содержание будет блоками, как в прилагаемом изображении, Navbar 4 действия (форма, test1, деталь ...)

содержимое в середине будет отображать все, но когда я нажимаю на форме , форма будет показана посередине, когда я нажимаю «Детали», блок сведений будет показан посередине.

Пользователь может прокручивать вниз и вверх, чтобы видеть блоки.

Я видел, что в Angular 2 мы можем использовать фрагмент для точного анкера и какие блоки мы хотим показать, но проблема в том, что существует ошибка в функциональности фрагмента.

На данный момент у меня есть роутер-розетка, которая меняет вид в зависимости от url в routerLink на каждой кнопке навигационной панели. Должен ли я продолжать использовать его, если я хочу отобразить все блоки/компоненты на одной странице?

Спасибо за вашу помощь,

here is the screenshot

Answer 1

Таким образом, в сущности, вы хотите множество компонентов, с меню, которое на самом деле не перемещаться, но в большей степени имеет переключения кнопки, либо отображать или скрывать содержание? Что должно делать обновление страницы? Имеет ли значение, если вы видите те же компоненты? Если это так, вам нужно сохранить состояние в локальном хранилище/сеансе хранения/с помощью ngrx ... или вам нужно добавить отображаемые элементы на маршрут и решить их.

В любом случае, в конце концов, вам нужен один компонент, который решает, что отображается, и все блоки в своих собственных компонентах со своими собственными селекторами, которые вы показываете/скрываете, используя * ngIf.

Ваш HTML будет в основном выглядеть следующим образом:

<my-menu></my-menu> 
<my-form *ngIf="showMenu"></my-form> 
<my-test1 *ngIf="showTest1"></my-test1>