diff --git a/docs/src/content/docs/challenges/angular/22-router-input.md b/docs/src/content/docs/challenges/angular/22-router-input.md index b0fa706..c8fc9e2 100644 --- a/docs/src/content/docs/challenges/angular/22-router-input.md +++ b/docs/src/content/docs/challenges/angular/22-router-input.md @@ -5,15 +5,24 @@ sidebar: order: 5 --- -:::note -WIP: The following documentation will be reviewed and improved. However, you can still take on the challenge. If you don't understand a certain part, please feel free to reach out or create an issue. -::: -
Challenge #22
+## Information + +In this application, we retrieve three pieces of information inside our `TestComponent` provided by the router: + +- We want to retrieve `testId` found inside the params of the URL. +- We want to obtain `user` located within the query parameters of the URL. +- We want to access `permission` set inside the `data` object of the route. + +In Angular versions 15 or earlier, we use `ActivatedRoute` to obtain all this information and receive them through observables to listen for URL changes. + +In version 16, Angular introduced a new `Input` that can listen to route data. You can read more about it [here](https://medium.com/ngconf/accessing-route-params-in-angular-1f8e12770617). +. + ## Statement -In this small application, you can pass data though routing to `TestComponent`. v16 of Angular introduiced `RouterInput`. The goal of this exercice is to refactor the code to use the new `RouterInput` strategy. +The goal of this exercice is to refactor the code to use the new `RouterInput` strategy. ---