Content Projection

<!--
    comp-a.component.html
  -->
...
<comp-b [someParam]="paramRef">
  ... Content ...
</comp-b>
...

/**
 *  comp-b.component.ts
 */
...
export class CompBComponent {
  @Input() someParam: string;
}

<!--
    comp-b.component.html
  -->
<div>
  <h4></h4>
  <ng-content></ng-content>
</div>

Multi Slot Content Projection

<!--
    comp-a.component.html
  -->
...
<comp-b>
  <div class="header">
    ... Header ...
  </div>
  <div section-content>
    ... Content ...
  </div>
</comp-b>
...

<!--
    comp-b.component.html
  -->
<div class="title">
  <ng-content select=".header"></ng-content>
</div>
<div class="body">
  <ng-content select="[section-content]"></ng-content>
</div>