Data-attribute in Angular component

Question

I understand that I can add a data-attribute to an element within my component like this:

<div [attr.data-my]="myDataValue">

But how can I add a data-attribute to the component itself? I would expect to declare it like any other @Input, but I can't find any information about it? Does anyone know?

Drenai · Accepted Answer · 2022-11-28 22:32:14Z

2

You can use the following

@HostBinding('attr.data-my')
get someValue(): string {
   return this.myDataValue;
}

You can also add the @HostBinding above an @Input for brevity if it suits your use case - you'll find examples of that too

answered Nov 28, 2022 at 22:32

Drenai

12.6k9 gold badges60 silver badges94 bronze badges

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

Collectives™ on Stack Overflow

Data-attribute in Angular component

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related