foo.md

1:

<div>
  <p-foo [shift]="shift"></p-foo>
  <p-foo [shift]="shift"></p-foo>

  <p-bar [shiftModel]="shiftModel"></p-bar>
</div>

2:

<div>
  <ng-container *pTemplateOutlet="fooTemplate"></ng-container>
  <ng-container *pTemplateOutlet="fooTemplate"></ng-container>

  <ng-container *pTemplateOutlet="barTemplate"></ng-container>
</div>

<ng-template #fooTemplate>
  <p-foo [shift]="shift"></p-foo>
</ng-template>
<ng-template #barTemplate>
  <p-bar [shiftModel]="shiftModel"></p-bar>
</ng-template>