Syntaxe du modèle

Angular gère ce que l'utilisateur voit et peut faire, et ce, grâce à l'interaction d'une instance de classe de composant (le composant) et de son modèle destiné à l'utilisateur.

Vous connaissez peut-être la dualité composant/modèle de votre expérience avec MVC (modèle-vue-contrôleur) ou MVVM (modèle-vue-vue-model). Dans Angular, le composant joue le rôle du contrôleur/modèle et le modèle représente la vue.

Cette page est une référence technique complète au langage Angular. Il explique les principes de base du langage et décrit la majeure partie de la syntaxe que vous rencontrerez ailleurs dans la documentation.

HTML dans les modèles

HTML est la langue du modèle Angular. Presque toute la syntaxe HTML est une syntaxe de modèle valide. L'élément ‹script› est une exception notable; il est interdit, éliminant le risque d'attaques d'injection de script. En pratique, ‹script› est ignoré et un avertissement apparaît dans la console du navigateur.

Certaines balises HTML légales n'ont pas beaucoup de sens dans un modèle. Les ‹html›, ‹body› et les éléments ‹base› ne jouent aucun rôle utile à peu près tout le reste est un jeu équitable.

Vous pouvez étendre le HTML de vos modèles avec des composants et des directives qui apparaissent sous la forme de nouveaux éléments et attributs. Dans les sections suivantes, vous apprendrez à obtenir et à définir des valeurs DOM (Document Object Model) de manière dynamique via la liaison de données.