Ссылки сайта используют одинаковые HTML, но запрашиваются разные данные, как лучше всего обрабатывать?

Question

У меня есть навигация по сайту, которая имеет несколько ссылок, которые устанавливают параметр для данных, но использую одно и то же представление HTML.

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

Если я использую параметр, я могу установить каждый маршрут на одну и ту же страницу, но используя другой параметр, например, view: all или view: draft.

Проблема в том, что ngOnInit () {} запускается только один раз, когда маршрут впоследствии изменяется, адрес обновляется, но не вызывает вызовы функций. *

Любые предложения о том, как справиться с этим несколько компонентов?

Answer 1

Подпишитесь на paramMap или queryParamMap, наблюдаемые в вашем ngOnInit (в зависимости от того, как вы передаете параметры) и вызывайте свою функцию из блока subscribe.

constructor(private route: ActivatedRoute) { }

ngOnInit() {
    this.route.paramMap.subscribe(params => {
        // Call function with params to update template
    });
}