mirror of
https://github.com/Raghu-Ch/angular-challenges.git
synced 2026-02-10 12:53:03 -05:00
docs(ru): add translate challenge 22
This commit is contained in:
@@ -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`.
|
||||
Reference in New Issue
Block a user