Understanding ng-content, ng-container and ng-template | ng container and ng template | ng content

Опубликовано: 11 Март 2026
на канале: AngNet Coding
535
13

angular @Input and @Output decorator | Share data by @input/@output decorator

NG-Template:-
It is an angular element used to render html elements in a template.
It is always used with Structural Directive.
We can use it to dynamically add template to DOM on base of condition.

NG-Container:-
It is a directive used to group elements in a template that does not interfere with layout or DOM, as angular does not put it into DOM.

NG-Content:-
It is used to project content into the component template.
It is a placeholder that replace with dynamic content.

Stackblitz link:-
https://stackblitz.com/edit/angular-ubviek...

You can watch our previous videos:-

Angular Architecture:
   • angular architecture | angular architectur...  

Angular features:
   • angular features | angular features hindi  

Angular & Typescript
   • angular | angular hindi | typescript |type...  

Create a Angular16 Application
   • Angular 16 Project | How to create angular...  

Angular Directive and CustomDirective
   • Types of Directives in angular | Custom di...  

Angular Pipe and How to create custom pipe.
   • Angular Pipes | Custom Pipe | Angular Tuto...  

@Input and @Output Decorator
   • input decorator in angular | output decora...  


You can follow us on Instagram
https://instagram.com/angnet_coding?igshid...

angular
ng template in angular
angularforbeginners
angular course
Ng Content
Ng Template
Ng Container
angular14
angular11
angular13
angular12
angular10
angular9
angular8
angular7