Angular HTML模板最佳实践

Question

是否有最佳实践来编写可维护的，易于阅读的HTML模板，尤其是在Angular中？

我经常有一个带有多个属性的组件，例如：

snakecase::to_any_case("ThreeWordsTogether", case = "big_camel", sep_out = " ")

当属性列表变长时，将它分成多行，或者甚至通过优先级（属性指令之前的结构化）来组织，会更好吗？

谢谢

Answer 1

在这种情况下，我将遵循Google recommendation并将其格式设置为：

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

在这里，我也将[type]和[switch]分组为便于阅读。