Пропустить до содержимого
angular challenges logo Angular Challenges

🟢 @RouterInput()

Испытание #22

Создано Thomas Laforge

Информация

В этом приложении мы извлекаем три фрагмента информации внутри нашего TestComponent, предоставленного маршрутизатором:

  • Мы хотим получить testId найденный внутри параметров URL.
  • Мы хотим получить user расположенный в параметрах запроса URL.
  • Мы хотим получить доступ к permission, установленному внутри объекта data маршрута.

В Angular версиях 15 или более ранних мы используем ActivatedRoute для получения всей этой информации и получаем их через observables для прослушивания изменений URL.

В версии 16 Angular представил новый Input, который может прослушивать данные маршрута. Вы можете прочитать больше об этом здесь.

Пояснение

Целью этого упражнения является рефакторинг кода для использования новой стратегии RouterInput.

Контрибьюторы

Спасибо всем контрибьюторам которые помогли сделать эту документацию лучше!

  • webbomj