Ionic - 8.2 Attributs et slots dans les composants Ionic
Les attributs et les slots sont présents dans presque tous les composants Ionic. Les attributs se placent dans la balise HTML, comme dans les autres langages du web. Les slots permettent de choisir l'endroit où un élément apparaît à l'intérieur d'un composant.
Les attributs
Un attribut se place dans la balise d'un composant, de la même façon qu'en HTML. Son écriture est identique à celle des autres attributs du web, même si ses valeurs dépendent du composant utilisé.
Dans la page des lieux, l'ion-list contient des composants dont les attributs se lisent directement dans le fichier HTML.
Les slots
Un slot est une fonctionnalité native des navigateurs, et non d'Angular. Il définit un emplacement dans un composant web où du contenu extérieur peut être affiché.
Dans un ion-item, le slot start place l'élément le plus possible au début de la ligne, et le slot end le place à la fin.
Où trouver les détails
Pour voir comment un slot est défini, on peut consulter le code source officiel d'Ionic sur GitHub. Dans le fichier de l'ion-item, la méthode render indique les emplacements disponibles.
La documentation officielle d'Ionic liste aussi les options de slot de chaque composant.
En résumé
Les attributs se placent dans la balise du composant, comme en HTML. Les slots indiquent l'emplacement d'un élément dans un composant, par exemple start ou end pour un ion-item. Le code source et la documentation Ionic permettent de vérifier les slots disponibles.
Points clés
- Les attributs se placent dans la balise du composant, comme en HTML.
- Un slot est une fonctionnalité native des navigateurs web.
- Le slot start place un élément au début de la ligne d'un ion-item.
- Le slot end place un élément à la fin de la ligne.
- La documentation et le code source permettent de vérifier les slots disponibles.
Questions fréquentes
Un slot est-il propre à Angular ?
Non. Les slots sont une fonctionnalité native des navigateurs web, qu'Ionic utilise dans ses composants.
Où voir les slots disponibles d'un composant ?
Dans la documentation officielle d'Ionic, ainsi que dans le code source publié sur GitHub.
Quelle est la différence entre slot start et slot end ?
Le slot start place l'élément au début de la ligne, et le slot end le place à la fin.