Angular Biçimlendirici
Angular bileşen şablonlarını bu Angular Biçimlendirici ile biçimlendirin. Yapısal yönergeler, bağlamalar ve ara değerleme içeren şablon HTML kodunu yapıştırın; araç div, section, p, ul ve table gibi blok öğelerini iki boşluklu girintiyle kendi satırlarına yerleştirir, gereksiz boşlukları daraltır ve satır içi script ve style bloklarını biçimlendirir. Yönergeler, bağlamalar ve ifadeler yazıldıkları hâliyle korunur; böylece Angular geliştiricileri temiz şablonları hızla elde eder.
Sık sorulan sorular
Angular Formatter ile neleri biçimlendirebilirim?
Angular bileşen şablonlarını, yani .component.html dosyalarında veya bir şablon dizesinde yazdığınız HTML içeriğini biçimlendirir. TypeScript bileşen sınıfları burada işlenmez; bunlar için TypeScript Formatter'ı kullanın.
Yönergeler ve bağlamalar korunur mu?
Evet, *ngIf, *ngFor, [value], (click) ve [(ngModel)] gibi öznitelikler ile {{ user.name }} gibi ara değerlemeler yazıldıkları hâliyle kopyalanır. Yalnızca öğeler arasındaki boşluklar değişir.
Hangi öğeler kendi satırlarına alınır?
Bir öğe div, section, article, header, footer, nav, main, form, p, h1 ila h6, ul, ol veya table gibi blok düzeyinde alt öğeler içerdiğinde her alt öğe kendi girintili satırına alınır. Böyle alt öğeleri olmayan öğeler, boşluk dizileri tek boşluğa indirgenerek tek satırda kalır.
Özel bileşenim neden tek satırda kalıyor?
app-root veya mat-card gibi özel öğeler blok düzeyinde HTML öğeler değildir; bu nedenle içerikleri div veya p gibi bir blok öğe içermedikçe satır içinde kalır. İçeriğin genişletilmesini istiyorsanız onu bir blok öğenin içine alın.
Liste öğeleri ayrı satırlara yerleştirilir mi?
Kendi başlarına değil: li, blok düzeyindeki etiketlerden biri değildir; bu nedenle yalnızca li öğelerinden oluşan bir ul tek satırda kalır. Öğeleri yaymak için içlerine div gibi blok içerikler ekleyin.
script ve style etiketlerine ne olur?
Satır içi style blokları CSS, satır içi script blokları ise JavaScript olarak biçimlendirilir ve etiketlerinin altında girintilenir. pre ve textarea öğelerinin içeriği yazıldığı gibi aynen korunur.
HTML yorumları korunur mu?
Evet, HTML yorumları korunur ve genişletilmiş öğelerin içinde kendi satırlarına yerleştirilir. İçerikleri aynen kopyalanır; böylece yorum satırına alınmış işaretleme olduğu gibi kalır.
Şablonumu doğrular mı?
Hayır, şablonu derlemez veya denetlemez; kapatılmamış etiketler de mümkün olduğunca iyi biçimlendirilir. Şablon hatalarını bulmak için ng build veya düzenleyicinizin Angular dil hizmetini kullanın.
Çıktı neden html olarak çitle çevriliyor?
Angular şablonları HTML olduğundan sonuç, html olarak işaretlenmiş bir Markdown kod bloğu şeklinde döner. Çitlerin arasındaki satırları şablon dosyanıza kopyalayın.
Şablonum ne kadar büyük olabilir?
Her çalıştırmada en fazla 5 MB olabilir; daha büyük girişler bir mesajla reddedilir. Çıktı, Code Formatter'ın Angular seçeneğiyle aynıdır.