The ng-content directive is a feature of Angular which helps us to make reusable components.
For example: In conventional HTML, tags are used to write something. i.e.
This is a paragraph
. Now, see the following example of having custom text between angular tags:
This won’t work like HTML until you use ng-content Directive
This will not work same as HTML element. To make it work just like the above HTML example, we need to use the ng-content directive.