Angular: Projecting content into component

Sometimes you have complex html code which you want to past into component from outside. By default everything what you put between opening and closing tag of your own component is lost, angular ignore it. Unless you use special directive <ng-content></ng-content>.

app.component.html

<app-server-element
  *ngFor="let serverElement of serverElements"
  [srvElement]="serverElement">
  <strong *ngIf="serverElement.type==='server'"></strong>
</app-server-element>

server-element.component.html

 <div>
  <ng-content></ng-content>
 </div>