🟢 @RouterInput()

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.

Statement

The goal of this exercise is to refactor the code to use the new RouterInput strategy.