Switching to Angular - Third Edition

Nesting components

We've already built a few simple applications as a composition of components and directives. We saw that components are basically directives with views, so we can implement them by nesting or composing other directives and components.

The following figure illustrates this with a structural diagram:

Figure 7

The composition could be achieved by nesting directives and components within the components templates, taking advantage of the nested nature of the used markup. For instance, let's say we have a component with the sample-component selector, which has the following definition:

@Component({ selector: 'sample-component', ...