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