# 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选项相同。

在这里投放广告？

[给我们发邮件](mailto:hi@dennn.is?subject=%E5%9C%A8%20OneClick%20Pro%20%E4%B8%8A%E6%8A%95%E6%94%BE%E5%B9%BF%E5%91%8A)

[广告 适用于 WordPress 的智能体就绪型插件套件。](https://sleekwp.com/?ref=oneclickpro)