Can an angular attribute directive replace parent and child elements?

Question

This is what I mean. Can i create one directive that will replace the 'parent-stylings' and 'child-stylings' below

<div class="parent-stylings">
    <div class="child-stylings"></div>
</div>

into something like this

<div #myCustomDirective></div>

To manipulate the DOM like you want you need to create a directive and use the renderer2. checkthis. but still I think that you need to use <ng-template #myCustomeTemplate>your code..<ng-template> someInfoAboutNgTemplate — noririco
– noririco, Commented Oct 7, 2019 at 12:53

user4676340 · Accepted Answer · 2019-10-07 12:58:42Z

1

Yes, you just have to change the selector of a component. It's that easy.

@Component({
  selector: '[myCustomDirective]',
  template: `
<div class="parent-stylings">
    <div class="child-stylings"></div>
</div>`
}) export class MyComponent {}

See it working live !

answered Oct 7, 2019 at 12:58

user4676340

Sign up to request clarification or add additional context in comments.

2 Comments

YulePale Over a year ago

I was actually looking for how to reuse a component using ng-content( I now know)... but I did not know how to word my question. But your answer answers my question the way it is asked. Thanks.

Mehmet_ Over a year ago

Component and Directives are different in Angular perpective...

Collectives™ on Stack Overflow

Can an angular attribute directive replace parent and child elements?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related