Can we have two ng-content with same select attribute?

Question

<div class="main">
  <ng-content select="[body]"></ng-content>
</div>
<div class="main-copy">
  <ng-content select="[body]"></ng-content>
</div>

I am trying to copy the same content into main-copy but unfortunately it is not working.

Any suggestion?

Günter Zöchbauer · Accepted Answer · 2017-10-01T15:05:07.370

5

update Angular 5

ngOutletContext was renamed to ngTemplateOutletContext

original

No, that's not supported.

Every element matching the selector will be projected to the first <ng-content>.

Perhaps ngTemplateOutlet or ngForTemplate is what you're looking for.

See also

edited Oct 01 '17 at 15:05

answered Oct 18 '16 at 11:12

1

Can you provide me any snippet? – Ashutosh Singh Oct 19 '16 at 06:16
What about the answer I linked to? – Günter Zöchbauer Oct 19 '16 at 06:17
Sorry but could not get that. I am using ng2-boostrap and second ng-content will be placed inside ng2-bootsrap modal. Please help – Ashutosh Singh Oct 19 '16 at 06:19
Sorry, I don't know how to help. You can't have two `` with the same selectors. I don't know ng2-bootstrap. – Günter Zöchbauer Oct 19 '16 at 06:22

score 5 · Answer 2 · answered Mar 26 '18 at 12:44

5

For future references, here is a working example of multiple transclusion which utilizes ngTemplateOutlet.

Reference

answered Mar 26 '18 at 12:44

realappie