Attr

Defines a Attr component.

This component acts as a standard HTML attribute.
Attr components can be added to any component.
You can add your custom attributes to customize a component behavior. For example you can add a class attribute to set a custom CSS class name to this component. When you set explicitly a class name attribute on a component, the class will be merged with any Style component positioned for this component

Attr components have two properties :
• name : the name of the attribute such as class, width, src, …
• value : the value of the attribute

You can also use attributes to control some explicit behavior using Angular binding syntax.It is thus possible to propagate data from the component to the DOM, from the DOM to the component and in both directions :
• [attribute] for property binding : DOM element ← Component data (one way binding)
• (attribute) for event binding : DOM emitted event → Component function execution (one way binding)
• [(attribute)] for model binding: DOM element ↔ Component data (two way binding)

Attribute values can be constants, typescript data declared in page or sources on data retrieved from page.
For more information: HTML Attributes, Ionic Components