Скачать или смотреть Container Component Vs Nested Component | How to create Multiple Components | Part-10

What is Container?
Container components are matching to the Parent-Child components. A container component work as a Parent and the Presentation component is like a child component. Container components will be managed and retrieve object/model states, while Presentation components are only present or render the state.

What is ng-container?
In our Angular file structure, the ng-container actually shares some equality with ng-template, like they both render the wrapped stuff while omitting meets them. But ng-container, on the other hand, ng-container is used when we use every kind of structural directive and have no suitable parent wrapper. It does not require a structural directive to render the child elements, not like ng-template were using a structural directive was required.

What are Nested Components?
Angular allows us to have a different child, or nested component, which is the same component we generally use in an Angular application/project. The difference between them is that this child component includes the logic which can be used inside the parent component as a single unit.

· Every child component associated with a parent component is also known as a nested component.

· In addition, one use of nested components is to send data from the child component to the parent component so that an action can be turned on by the parent support on the command to provide by the child component.

Why we need a Nested Component?
As we learn, each application may contain tons of files, and when an application starts growing, it can be impossible to handle those trees of files and the application’s functionality.

In Angular development, we have nested Components, which allow us to put reusable logic into the different units, which can be associated with one or more different components at a time.