Summary

This chapter prepared you for implementing features in Part 2, Build a Real-World Application with the Angular Ivy Features You Learned by discussing CSS Custom Properties in detail, as well as the any and platform provider scopes.

First, we discussed how CSS Custom Properties are native, scoped runtime CSS variables that do not rely on specificity or CSS source ordering. Through a simple example, we demonstrated how variables and element trees can be combined for stylistic purposes.

CSS Custom Properties can hold any value. For example, we explored an example of using them for globalization and another example for controlling the text size dynamically at runtime.

The next topic we discussed was the any provider scope. This scope defines a boundary around each module injector. A dependency instance or value is created per application chunk and shared throughout its module injector.

We learned that the any provider scope is useful for orchestrating stateful dependencies...