Angular HTML模板最佳實踐

Question

是否有最佳實踐來編寫可維護的，易於閱讀的HTML模板，尤其是在Angular中？

我經常有一個帶有多個屬性的組件，例如：

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

當屬性列表變長時，將它分成多行，或者甚至按優先級將它們組織起來（結構在屬性指令之前），會更好嗎？

謝謝

Answer 1

在這種情況下，我會遵循Google的建議並將其格式設置為：

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

在這里，為了便於閱讀，我還對[type]和[switch]進行了分組。