Angular Material: нажатие на элемент в mat-sidenav должно изменить содержимое в mat-sidenav-content - PullRequest
Новая
       24

Angular Material: нажатие на элемент в mat-sidenav должно изменить содержимое в mat-sidenav-content

0 голосов
/ 29 июня 2018

Мне нужно реализовать меню, подобное меню навигации на странице угловых документов: https://angular.io/tutorial/.

Меню находится слева, при щелчке по каждому элементу содержимое будет отображаться в mat-sidenav-content - оно будет отображать страницу регистрации, список пользователей и т. Д. - в зависимости от того, какая ссылка была нажата. Но меню должно быть доступно постоянно.

Теперь у меня есть что-то вроде этого: enter image description here

Как этого добиться, если я, например, нажму на ссылку регистрации - страница регистрации будет отображаться в панели содержимого и т. Д. С другими кнопками?

1 Ответ

0 голосов
/ 29 июня 2018

Если я вас понял, вам следует обернуть левую панель в маршрутизации (добавить новую точку) и изменить свой компонент с помощью панели, создать сервис или помощник с массивом ссылок для каждого маршрута. А затем прослушайте Route и выберите массив ссылок.

Или вы можете передать данные в конфигурацию вашего маршрута 

const routes: RouterConfig = [
  {path: '', redirectTo: '/heroes', pathMatch : 'full'},
  {path : 'registration', component : LeftPanelComponent, data : {some_data : 'some value'}, outlet: "aside"}
];

Вот хороший пример: Router Outlet
Ссылка в левой панели должна быть routerLink)

...