From 2501611f0c8d8e99c8aaa460dc92b7a622a06a8c Mon Sep 17 00:00:00 2001 From: webbomj Date: Mon, 11 Mar 2024 13:03:37 +0300 Subject: [PATCH 1/3] docs(ru): add translate challenge 22 --- .../ru/challenges/angular/22-router-input.md | 30 +++++++++++++++++++ 1 file changed, 30 insertions(+) create mode 100644 docs/src/content/docs/ru/challenges/angular/22-router-input.md 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..883d276 --- /dev/null +++ b/docs/src/content/docs/ru/challenges/angular/22-router-input.md @@ -0,0 +1,30 @@ +--- +title: 🟢 @RouterInput() +description: Задача 22 заключается в использовании декоратора @Input для получения параметров маршрутизатора. +author: thomas-laforge +contributors: + - tomalaforge + - tomer953 + - svenson95 +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`. From 8cd6ba9ab0c8f3f040ee0b883dbba6ea125e6ea0 Mon Sep 17 00:00:00 2001 From: webbomj Date: Mon, 11 Mar 2024 13:12:07 +0300 Subject: [PATCH 2/3] docs(ru): change word --- docs/src/content/docs/ru/challenges/angular/22-router-input.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) 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 index 883d276..3530b33 100644 --- a/docs/src/content/docs/ru/challenges/angular/22-router-input.md +++ b/docs/src/content/docs/ru/challenges/angular/22-router-input.md @@ -25,6 +25,6 @@ sidebar: В версии 16 Angular представил новый `Input`, который может прослушивать данные маршрута. Вы можете прочитать больше об этом [здесь](https://medium.com/ngconf/accessing-route-params-in-angular-1f8e12770617). -## Заключение +## Пояснение Целью этого упражнения является рефакторинг кода для использования новой стратегии `RouterInput`. From f721b3330c216fd7e39bc70f5adfda1cfd15ea22 Mon Sep 17 00:00:00 2001 From: webbomj Date: Mon, 11 Mar 2024 17:42:55 +0300 Subject: [PATCH 3/3] docs: add contributor name --- .../src/content/docs/ru/challenges/angular/22-router-input.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) 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 index 3530b33..5d1a3e7 100644 --- a/docs/src/content/docs/ru/challenges/angular/22-router-input.md +++ b/docs/src/content/docs/ru/challenges/angular/22-router-input.md @@ -3,9 +3,7 @@ title: 🟢 @RouterInput() description: Задача 22 заключается в использовании декоратора @Input для получения параметров маршрутизатора. author: thomas-laforge contributors: - - tomalaforge - - tomer953 - - svenson95 + - webbomj challengeNumber: 22 command: angular-router-input blogLink: https://medium.com/ngconf/accessing-route-params-in-angular-1f8e12770617