# Μορφοποιητής Angular

Μορφοποιήστε πρότυπα component Angular με αυτόν τον Μορφοποιητή Angular. Επικολλήστε πρότυπο HTML με δομικές οδηγίες, bindings και παρεμβολές, και το εργαλείο τοποθετεί στοιχεία block όπως div, section, p, ul και table σε ξεχωριστές γραμμές με εσοχή δύο διαστημάτων, συμπτύσσει τα περιττά κενά και μορφοποιεί τα ενσωματωμένα blocks script και style. Οι οδηγίες, τα bindings και οι εκφράσεις παραμένουν ακριβώς όπως γράφτηκαν, ώστε οι προγραμματιστές Angular να αποκτούν γρήγορα καθαρά πρότυπα.

## Συχνές ερωτήσεις

### Τι μπορώ να μορφοποιήσω με τον Μορφοποιητή Angular;

Μορφοποιεί πρότυπα component Angular, το HTML που γράφετε σε αρχεία .component.html ή σε συμβολοσειρά προτύπου. Οι κλάσεις component TypeScript δεν υποστηρίζονται εδώ· χρησιμοποιήστε γι' αυτές τον Μορφοποιητή TypeScript.

### Διατηρούνται οι οδηγίες και τα bindings;

Ναι, χαρακτηριστικά όπως *ngIf, *ngFor, [value], (click) και [(ngModel)] και παρεμβολές όπως {{ user.name }} αντιγράφονται ακριβώς όπως γράφτηκαν. Αλλάζουν μόνο τα κενά μεταξύ των στοιχείων.

### Ποια στοιχεία μπαίνουν σε ξεχωριστές γραμμές;

Όταν ένα στοιχείο περιέχει θυγατρικά στοιχεία επιπέδου block, όπως div, section, article, header, footer, nav, main, form, p, h1 έως h6, ul, ol ή table, κάθε θυγατρικό στοιχείο τοποθετείται σε δική του γραμμή με εσοχή. Τα στοιχεία χωρίς τέτοια θυγατρικά παραμένουν σε μία γραμμή, με κάθε ακολουθία κενών να συμπτύσσεται σε ένα διάστημα.

### Γιατί το προσαρμοσμένο component μου παραμένει σε μία γραμμή;

Τα προσαρμοσμένα στοιχεία όπως app-root ή mat-card δεν είναι στοιχεία HTML επιπέδου block, επομένως το περιεχόμενό τους παραμένει σε μία γραμμή, εκτός αν περιέχει στοιχείο block όπως div ή p. Περικλείστε το περιεχόμενο σε στοιχείο block αν θέλετε να αναπτυχθεί.

### Τοποθετούνται τα στοιχεία λίστας σε ξεχωριστές γραμμές;

Όχι από μόνα τους: το li δεν είναι μία από τις ετικέτες επιπέδου block, οπότε ένα ul με μοναδικά θυγατρικά στοιχεία li παραμένει σε μία γραμμή. Προσθέστε περιεχόμενο block, όπως ένα div, μέσα στα στοιχεία για να αναπτυχθούν.

### Τι συμβαίνει με τις ετικέτες script και style;

Τα ενσωματωμένα blocks style μορφοποιούνται ως CSS και τα ενσωματωμένα scripts ως JavaScript, με εσοχή κάτω από την ετικέτα τους. Το περιεχόμενο των στοιχείων pre και textarea διατηρείται ακριβώς όπως γράφτηκε.

### Διατηρούνται τα σχόλια HTML;

Ναι, τα σχόλια HTML διατηρούνται και τοποθετούνται στη δική τους γραμμή μέσα στα στοιχεία που αναπτύσσονται. Το περιεχόμενό τους αντιγράφεται ακριβώς, επομένως η σχολιασμένη σήμανση παραμένει όπως ήταν.

### Επικυρώνει το πρότυπό μου;

Όχι, δεν μεταγλωττίζει ούτε ελέγχει το πρότυπο, και μορφοποιεί ανοικτές ετικέτες όσο καλύτερα μπορεί. Χρησιμοποιήστε το ng build ή την υπηρεσία γλώσσας Angular του επεξεργαστή σας για να εντοπίσετε σφάλματα προτύπου.

### Γιατί το αποτέλεσμα περικλείεται σε fences ως html;

Τα πρότυπα Angular είναι HTML, επομένως το αποτέλεσμα επιστρέφεται ως block κώδικα Markdown με την ένδειξη html. Αντιγράψτε τις γραμμές ανάμεσα στους οριοθέτες στο αρχείο προτύπου σας.

### Πόσο μεγάλο μπορεί να είναι το πρότυπό μου;

Έως 5 MB ανά εκτέλεση· μεγαλύτερη είσοδος απορρίπτεται με σχετικό μήνυμα. Το αποτέλεσμα είναι ίδιο με την επιλογή Angular του Μορφοποιητή κώδικα.

Η διαφήμισή σας εδώ;

[Στείλτε μας email](mailto:hi@dennn.is?subject=%CE%94%CE%B9%CE%B1%CF%86%CE%AE%CE%BC%CE%B9%CF%83%CE%B7%20%CF%83%CF%84%CE%BF%20OneClick%20Pro)

[Διαφήμιση Η σουίτα πρόσθετων έτοιμη για πράκτορες του WordPress.](https://sleekwp.com/?ref=oneclickpro)