Le problème est donc que plus jolie ne formate pas très bien le HTML.
par exemple si j'ai ce gabarit angulaire:
<some-component
some-attribute
[ang-binding1]='someExpr'
[ang-binding2]='someExpr'
(someEvent)='someFunc($event)'>
</some-component>
plus jolie le formatera à quelque chose comme ceci:
<some-component some-attribute [ang-binding1]='someExpr' [ang-binding2]='someExpr' (someEvent)='someFunc($event)'>
</some-component>
comment désactiver la mise en forme plus jolie pour les modèles HTML?
Si vous utilisez VSCode, cliquez sur Fichier > Préférences > Paramètres et ajoutez "html.format.enable": false,
.
html.format.enable désactive le formateur de code VS par défaut. Pour exclure la mise en forme de tous les fichiers HTML d’un projet, vous pouvez ajouter un fichier .prettierignore à la racine du projet et ignorer tous les fichiers HTML.
*.html
Si vous utilisez VS Code, vous pouvez empêcher Prettier de s'exécuter en HTML (ou dans d'autres langues spécifiques) en ajoutant les paramètres suivants à vos paramètres:
"prettier.disableLanguages": ["html"]
Vous pouvez trouver d'autres options spécifiques au code VS sur la page prettier/prettier-vscode
GitHub .
en plus de ce qui a déjà été écrit, vous pouvez également désactiver le formatage lors de l'enregistrement. alors vous auriez besoin de formater explicitement le document via CMD/CTRL + P > Format document
"[html]": {
"editor.formatOnSave": true
},