قالب‌های کامپوننت Angular را با directiveهای ساختاری و bindingهایشان قالب‌بندی کنید.
در حال بارگذاری ابزار...
نحوه استفاده از Angular Formatter
کد خود را بچسبانید. موتور قالب‌بند بار اول در یک لحظه بارگذاری می‌شود.
در صورت نیاز گزینه‌ها را تنظیم کنید.
نتیجه قالب‌بندی‌شده را کپی کنید.
درباره Angular Formatter
قالب‌های Angular همان HTML با نحو اضافه هستند: directiveهای ساختاری مانند *ngFor، bindingهای property و event، pipeها و interpolation. یک قالب‌بند عمومی HTML اغلب آن‌ها را خراب می‌کند. این یکی نحو Angular را می‌فهمد و عبارت‌های داخل bindingها را هم قالب‌بندی می‌کند.
از بلوک‌های control flow داخلی جدیدتر مانند @if و @for هم پشتیبانی می‌کند.
پرسش‌های متداول
آیا عبارت‌های داخل bindingهای من را قالب‌بندی می‌کند؟
بله، عبارت‌های داخل {{ }} و در bindingهای property و event مانند TypeScript قالب‌بندی می‌شوند.
آیا نحو جدید control flow پشتیبانی می‌شود؟
بله، بلوک‌های @if، @for و @switch توسط نسخه‌های اخیر قالب‌بند فهمیده می‌شوند.
آیا pipeهای من را خراب می‌کند؟
خیر، نحو pipe تجزیه می‌شود و جز فاصله‌گذاری بدون تغییر دوباره چاپ می‌شود.
چرا اجرای اول یک ثانیه طول کشید؟
موتور قالب‌بندی این زبان بار اول که استفاده می‌کنید دانلود می‌شود، سپس توسط مرورگر شما کش می‌شود. پس از آن قالب‌بندی فوری است و چیزی از دستگاه شما خارج نمی‌شود.