I am looking to create a unique component structure with the following syntax:
<my-component [attr1]="attr1" [attr2]="attr2">
</my-component>
While the basic structure is good, I need the flexibility to render different types of templates within this component. Therefore, I am aiming for a setup like this:
<my-component [attr1]="attr1" [attr2]="attr2">
<my-component-template>
// Custom template content for my-component component goes here
</my-component-template>
</my-component>
Is there any example or reference that can guide me on how to achieve this? I have been unable to find any relevant information so far.