@cb7777

Как сделать динамический контентную часть в Angular?

Всем привет, делаю приложение на ангуляре cli, и сейчас у меня есть navbar, допустим выбираем "выписки", затем загружается компонент "выписка" и тут слева загружается меню с items, как сделать так что бы при переходе по ссылке контент itemа, грузился не на новой странице, а в контентную часть компонента "выписка". Пример как в документации ангуляра

У меня пока так
<app-page-header [titleName]="headerTitle"></app-page-header>

<mat-drawer-container>
	<mat-drawer mode="side" opened class="p-1">
		<mat-nav-list>
			<app-sidebar-left *ngFor="let item of navItem" [item]="item" (onChangeTitle)="changeTitle($event)"></app-sidebar-left>
		</mat-nav-list>
	</mat-drawer>
	<div>
		<router-outlet></router-outlet>
	</div>
</mat-drawer-container>

при выборе делаю так
onItemSelected(item: NavItem) {
		 if (!item.childItems || !item.childItems.length) {
		 	this.router.navigate([item.route]);
		 }
		if (item.childItems && item.childItems.length) {
			this.expanded = !this.expanded;
		}
		this.onChangeTitle.emit(item.name); //для изменения titleHeader
	}
  • Вопрос задан
  • 31 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы