'TEMPLATE_REFERENCE', // e.g. #ietsIets
'ATTRIBUTE_BINDING', // e.g. ``, id="3"
'STRUCTURAL_DIRECTIVE', // e.g. `ngIf="true"`, ngFor="let item of items"
'INPUT_BINDING', // e.g. `[id]="3"`, `[attr.colspan]="colspan"`, [style.width.%]="100", [@triggerName]="expression", bind-id="handleChange()"
'TWO_WAY_BINDING', // e.g. `[(id)]="id"`, `bindon-id="id"
'OUTPUT_BINDING', // e.g. `(idChange)="handleChange()"`, on-id="handleChange()"
<voorbeeld-element
#mijnElement
class="el el-success"
title="success"
*ngIf="message.success || iets wat lang is"
[input]="message.value"
[(twoWay)]="message.test"
(output)="iets"
/>
Lint the attribute order in angular html templates - Stack Overflow