Learn TypeScript 3 by Building Web Applications

TypeScript support

Now, let's take a look at an example of leveraging TypeScript support.

Let's assume that we have the following component tree:

If we want to define a dependency that can be injected into the UserSettings component, then we can introduce a provider for it in any of its ancestors: Settings, Content, or App. Providers that are defined at the App level can be used anywhere in the component tree.

Once again, we can draw a parallel with Angular features since this provider hierarchy is somewhat similar to Angular's injector tree.

In the following example, we'll simply make a username string available for injection, but we could ...