Angular格式化工具
使用此Angular格式化工具整理Angular组件模板。粘贴带有结构指令、绑定和插值的模板HTML，工具会将 div、section、p、ul 和 table 等块级元素排成单独的行，缩进两个空格，合并多余空白，并格式化内联 script 和 style 块。指令、绑定和表达式均会按原样保留，让Angular开发者快速获得整洁的模板。
常见问题
Angular格式化工具可以格式化哪些内容？
它可以格式化Angular组件模板，也就是你在.component.html文件或模板字符串中编写的HTML。此工具不处理TypeScript组件类；请使用TypeScript格式化工具处理它们。
指令和绑定会保留吗？
会，*ngIf、*ngFor、[value]、(click) 和 [(ngModel)] 等属性，以及 {{ user.name }} 这样的插值都会按原样复制。只有元素之间的空白会更改。
哪些元素会单独占行？
如果元素包含块级子元素（例如 div、section、article、header、footer、nav、main、form、p、h1 到 h6、ul、ol 或 table），每个子元素都会单独缩进并占一行。不包含这类子元素的元素会保持在一行内，连续的空白会合并为单个空格。
为什么我的自定义组件始终在同一行？
app-root 或 mat-card 等自定义元素不是块级HTML元素，因此除非其中包含 div 或 p 这样的块级元素，否则其内容会保持内联。若要展开内容，请将其包裹在块级元素中。
列表项会分别放在不同的行上吗？
不会自动换行：li 不是块级标签，因此如果 ul 只有 li 元素作为子元素，就会保持在同一行。要让内容分行显示，可在列表项中放入 div 等块级内容。
script 和 style 标签会如何处理？
内联样式块会格式化为CSS，内联脚本会格式化为JavaScript，并缩进到其标签之下。pre 和 textarea 元素的内容会保持原样。
会保留HTML注释吗？
会，HTML注释会保留，并在展开的元素中单独占一行。注释内容会原样复制，因此被注释掉的标记也会保持原样。
它会验证我的模板吗？
不会，它不会编译或检查模板，也会尽可能妥善地格式化未闭合的标签。请使用 ng build 或编辑器的Angular语言服务查找模板错误。
为什么输出会用 html 代码围栏括起来？
Angular模板属于HTML，因此结果会以标记为 html 的Markdown代码块返回。请将围栏之间的行复制到模板文件中。
模板最大可以有多大？
每次运行最多 5 MB，超过此大小的输入会被拒绝并显示提示。输出与代码格式化工具的Angular选项相同。