Angular 10 View Child and Content Child

ViewChild and ContentChild are Angular decorators used to access child components or elements within a parent component's template. ViewChild is used to access elements or components within the parent's template, while ContentChild accesses projected content inside the parent component's projected content slots (ng-content). Use ViewChild for direct child components/elements, and ContentChild for projected content manipulation.

In the attached code snippet example:

ViewChild is used to access the child component directly.
ContentChild is used to access the projected content within of the parent component ().

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Subarta Ray2y ago
ViewChild and ContentChild are Angular decorators used to access child components or elements within a parent component's template. ViewChild is used to access elements or components within the parent's template, while ContentChild accesses projected content inside the parent component's projected content slots (ng-content). Use ViewChild for direct child components/elements, and ContentChild for projected content manipulation.

In the attached code snippet example:
- ViewChild is used to access the child component directly.
- ContentChild is used to access the projected content within of the parent component ().
+2