diff --git a/docs/src/content/docs/ru/challenges/angular/22-router-input.md b/docs/src/content/docs/ru/challenges/angular/22-router-input.md new file mode 100644 index 0000000..5d1a3e7 --- /dev/null +++ b/docs/src/content/docs/ru/challenges/angular/22-router-input.md @@ -0,0 +1,28 @@ +--- +title: 🟢 @RouterInput() +description: Задача 22 заключается в использовании декоратора @Input для получения параметров маршрутизатора. +author: thomas-laforge +contributors: + - webbomj +challengeNumber: 22 +command: angular-router-input +blogLink: https://medium.com/ngconf/accessing-route-params-in-angular-1f8e12770617 +sidebar: + order: 5 +--- + +## Информация + +В этом приложении мы извлекаем три фрагмента информации внутри нашего `TestComponent`, предоставленного маршрутизатором: + +- Мы хотим получить `testId` найденный внутри параметров URL. +- Мы хотим получить `user` расположенный в параметрах запроса URL. +- Мы хотим получить доступ к `permission`, установленному внутри объекта `data` маршрута. + +В Angular версиях 15 или более ранних мы используем `ActivatedRoute` для получения всей этой информации и получаем их через observables для прослушивания изменений URL. + +В версии 16 Angular представил новый `Input`, который может прослушивать данные маршрута. Вы можете прочитать больше об этом [здесь](https://medium.com/ngconf/accessing-route-params-in-angular-1f8e12770617). + +## Пояснение + +Целью этого упражнения является рефакторинг кода для использования новой стратегии `RouterInput`.