Merge pull request #666 from webbomj/translate-docs-challenge-22

docs(ru): added translate 22-router-input.md
This commit is contained in:
Laforge Thomas
2024-03-12 10:11:48 +01:00
committed by GitHub

View File

@@ -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`.