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>