The Angular <ng-container> is a grouping element that doesn't interfere with styles or layout because Angular doesn't put it in the DOM.

 

When we using Content Projection in a DUMP component:

We are using <ng-content> here to get projected element from the SMAR component:

       
      
 
           
         
      
  
      
 
           
       
Card Title
    
       
Some quick example text to build on the card title and make up the bulk of the card's content.
    
       Go somewhere  
      
     

 

It ends up we have a extra div in the DOM, to remove that extra div, we just need to replace 'div' with 'ng.container':

       
          
         
        
          
       
Card Title
    
       
Some quick example text to build on the card title and make up the bulk of the card's content.
    
       Go somewhere