Right pattern for an angular Component that performs an export of other components html

I would like to know what is the right angular pattern. I have a component that performs a png export out of the html markup of other components. What would be the right angular pattern for that ?

-A component that has an attribute that refers to the other one, which is being grabbed with getElementBy... (old school dom traversing not so angularish)

-An attribute component that is meant to be placed on the component to be exported, and which appends the "export" button after this component to be exported -Would that imply "content projection" with ngcontent ? -directive or component ?

thanks for any pointer