Enforce order of attributes

[michaeljota]

From eslint-plugin-vue~attributes-order

I think it would be nice to have something like this in Angular as well. However, I would suggest to follow first some HTML style guides as:

• http://codeguide.co/#html-syntax (This is actually the one I get from)
• http://www.codestyle.co/Guidelines/html
• https://google.github.io/styleguide/htmlcssguide.html#Document_Type
• https://github.com/gocardless/html-style-guide

Attribute order

HTML attributes should come in this particular order for easier reading of code.

• class
• id, name
• data-*
• src, for, type, href, value
• title, alt
• role, aria-*

Classes make for great reusable components, so they come first. Ids are more specific and should be used sparingly (e.g., for in-page bookmarks), so they come second.

After that I would place Angular attributes, maybe something like this order

• Input Binding
• Event Binding
• Banana Box Binding
• Template Binding
• Template Reference

However, in Vue this is configurable, so this maybe configurable as well here.