Manipulating the DOM – Custom attributes
We are almost done with the most used advanced features of Aurelia. Now, it's time to explore other categories belonging to binding engine plugins—what exactly are custom attributes? Let's explain that in a very easy way—you know the HTML tags, such as <div>, <input>, and <span>. Also, you know that each element has attributes such as class, type, and style. Well, now we can add more attributes to make the element more customizable and add a more advanced behavior. Let's look at an example.
We had also seen the value-converters, but don't you think it would be awesome if we implement a custom attribute to perform this operation on any element? Consider something like this:
<label datetime=”format:YYYY-MM-DD HH:mm”>${match.date}</label>Also, match.date will be a simple Date() JavaScript object without any format. Why do we need to accomplish this? Pay attention, we are sure that at this point, knowing the basic binding concepts...
