Обработка страниц, хорошая практика

Question

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

https://imgur.com/a/9uTLbhu

Действительно ли необходимо создавать более 20 компонентов? Что такое нормальная угловая структура и как вы справляетесь?

Answer 1

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

{ path: 'article/:articleId', component: ArticleComponent }

затем в компоненте выполните:

constructor(private route: ActivatedRoute) { }

ngOnInit() {
  this.route.params.subscribe((params) => {
    // get your article with id params[articleId]
  });
}

это поможет вам с параметризованными маршрутами.

Вы можете использовать это для создания страницы «Портфолио», после чего каждая подстраница будет перенаправлена ​​на один и тот же компонент с разными параметрами (веб-дизайн, графический дизайн и т. Д.)