В предыдущем блоге мы видели, что это единственный способ получить параметры маршрута из активированного снимка. Но это не всегда хорошая практика,

Ссылка на предыдущий урок Маршрутизатор 04: передача динамических параметров и параметров выборки с использованием углового маршрутизатора
https://medium.com/@yuvayuvaraj720444/router-04-pass-dynamic-parameters-and -fetch-parameter-using-angular-router-dfeb5d035e95

Вернемся к уроку
Потому что, если сохранить в переменной, посмотрите, что произойдет

При первом запуске программы. Это работает, когда вы продолжаете нажимать. Он не будет обновляться.

Чем вызвано такое поведение?

Потому что мы объявили переменную, и она просто сохранила значение. При нажатии кнопки навигации.

  • во-первых, angular - это одностраничное приложение. Таким образом, он просто обновляет маршрут и не перезагружает страницу.
  • Во-вторых, значение просто сохраняется, и маршрутизатор будет только маршрутизировать.

Каково решение для этого?

Активированный маршрутизатор поставляется с наблюдаемым, мы просто используем его. Имя наблюдения — params.

Теперь наблюдаемые продолжают наблюдать за значениями. Таким образом, обновленные данные будут храниться внутри id.

Теперь значение не изменится.

Ссылка на живую демонстрацию этого урока:

https://stackblitz.com/edit/angular-ivy-parameter-observables

Ссылка на следующий урок 06: передача параметров и фрагментов запроса с помощью Angular Router, с помощью необработанного HTML и программно

https://medium.com/@yuvayuvaraj720444/router-06-pass-query-params-and-fragments-with-angular-router-via-raw-html-and-programaticly-88a06d5191e8

— — — — — — — — — Конец лекции — — — — — — —

Проверьте все уроки Angular Intermediate Lessons

https://medium.com/@yuvayuvaraj720444/angular-intermediate-lessons-acbea2dfc9b