Angular HTML模板最佳实践

Question

Are there best practices for writing maintainable, easy to read HTML templates, specifically in Angular?

I often have a component with multiple attributes attached to it, for example:

<custom-component [type]="myType" (myEvent)="onMyEvent()" *ngIf="enabled" [ngSwitch]="condition"></custom-component>

Is it better, when the attribute list becomes long, to split it up into multiple lines, or maybe even organize them by precedence (structural before attribute directives)?

Thanks

Answer 1

In this case I would follow Google recommendation and format it as:

<custom-component [type]="myType" 
                  [ngSwitch]="condition"
                  (myEvent)="onMyEvent()" 
                  *ngIf="enabled"></custom-component>

Here I also grouped [type] and [switch] for ease of read.