Attribute Binding
Aurelia, by default, will automatically bind properties to attributes using the native binding syntax. This is accomplished by using a mapping function that converts an aurelia property into a native html attribute. See the attribute mapper for an example of how this is done.
Attributes are turned into camel-case equivalent properties by default if there's no mapping specified, so for example,
some-fake-attribute.bind="prop"
will set someFakeAttribute
on the element properties to the value of prop
.In some cases though, not all properties will be mapped automatically to attributes. In these cases, you have several options.
One method is to replace
.bind
with .attr
. This will ensure that the property is correctly mapped to the attribute.<input pattern.attr="patternProp">
Another option is to apply the attribute binding behavior (`.attr). This also gives you the ability to specify binding type.
<input pattern.bind="patternProp & attr">
TODO: This section is in progress
Last modified 3mo ago