Attribute Binding
Attribute binding in Angular helps you set values for attributes directly. With attribute binding, you can improve accessibility, style your application dynamically, and manage multiple CSS classes or styles simultaneously.
<p [attr.attribute-you-are-targeting]="expression"></p>
One of the primary use cases for attribute binding is to set ARIA attributes.
To bind to an ARIA attribute, type the following:
<!-- create and set an aria attribute for assistive technology -->
<button type="button" [attr.aria-label]="actionName">{{actionName}} with Aria</button>
Support
If you enjoyed this tip and found it useful, consider buying me a coffee. Thanks in advance!
![Buy Me a Coffee at ko-fi.com](/images/kofi.webp)