# Angular форматер

Форматируйте шаблоны компонентов Angular с помощью этого форматера Angular. Вставьте шаблон HTML со структурными директивами, привязками и интерполяцией: инструмент размещает блочные элементы, такие как div, section, p, ul и table, на отдельных строках с отступом в два пробела, убирает лишние пробелы и форматирует встроенные блоки скриптов и стилей. Директивы, привязки и выражения остаются без изменений, поэтому разработчики Angular быстро получают чистые шаблоны.

## Часто задаваемые вопросы

### Что можно форматировать с помощью форматера Angular?

Он форматирует шаблоны компонентов Angular — HTML, которые вы пишете в файлах .component.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, поэтому результат возвращается в виде блока кода Markdown с пометкой html. Скопируйте строки между ограждениями в файл шаблона.

### Какого размера может быть мой шаблон?

До 5 MB за один запуск; более крупный ввод отклоняется с сообщением. Результат идентичен варианту Angular в форматере кода.

Ваша реклама здесь?

[Напишите нам по электронной почте](mailto:hi@dennn.is?subject=%D0%A0%D0%B5%D0%BA%D0%BB%D0%B0%D0%BC%D0%B0%20%D0%BD%D0%B0%20OneClick%20Pro)

[Реклама Набор плагинов для работы агентов с WordPress.](https://sleekwp.com/?ref=oneclickpro)