Форматиращ инструмент за Angular
Форматирайте шаблони на компоненти Angular с този форматиращ инструмент за Angular. Поставете шаблон HTML със структурни директиви, обвързвания и интерполации и инструментът ще постави блокови елементи като div, section, p, ul и table на отделни редове с отстъп от два интервала, ще премахне излишните интервали и ще форматира вградените блокове script и style. Директивите, обвързванията и изразите остават точно както са написани, така че разработчиците на 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?
Вградените блокове style се форматират като CSS, а вградените скриптове — като JavaScript, с отстъп под съответния таг. Съдържанието на елементите pre и textarea се запазва точно както е написано.
Запазват ли се коментарите HTML?
Да, коментарите HTML се запазват и се поставят на отделен ред в разгънатите елементи. Съдържанието им се копира точно, така че коментираната маркировка остава непроменена.
Проверява ли валидността на шаблона ми?
Не, шаблонът не се компилира или проверява, а незатворените тагове се форматират доколкото е възможно. Използвайте ng build или езиковата услуга Angular на редактора си, за да откриете грешки в шаблона.
Защо резултатът е ограден като html?
Шаблоните Angular са HTML, затова резултатът се връща като кодов блок Markdown, обозначен като html. Копирайте редовете между разделителите във файла на шаблона си.
Колко голям може да бъде шаблонът ми?
До 5 MB за едно изпълнение; по-голям вход се отхвърля със съобщение. Резултатът е идентичен с опцията Angular във Форматиращия инструмент за код.