Maison > interface Web > js tutoriel > Une brève discussion sur l'utilisation des slots dans Angular

Une brève discussion sur l'utilisation des slots dans Angular

青灯夜游
Libérer: 2021-03-17 09:54:31
avant
2761 Les gens l'ont consulté

Cet article vous présentera l'utilisation des slots Angular. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

Une brève discussion sur l'utilisation des slots dans Angular

<span style="font-size: 18px;">Angular</span>Utilisation des emplacements

Utilisationng-content principalement avec l'aide de select

  • Si vous ne remplissez rien et utilisez <ng-content></ng-content> directement, le contenu par défaut transmis par le composant parent sera affiché

  • <ng-content select=&#39;.child&#39;></ng-content>Utilisez le sélecteur de nom de classe

  • <ng-content select=&#39;[name=child]&#39;></ng-content>Utilisez le sélecteur d'attribut

Recommandations associées : " tutoriel angulaire

Composant enfantchild

<div>
    <ng-content></ng-content>
    <ng-content select=&#39;.child&#39;></ng-content>
    <ng-content select=&#39;[name=child]&#39;></ng-content>
</div>
Copier après la connexion

Composant parent

<app-child>
    <p>默认插槽</p>
    <p class=&#39;child&#39;>类名选择插槽</p>
    <p name=&#39;child&#39;>属性选择插槽</p>
</app-child>
Copier après la connexion

Pour plus de connaissances liées à la programmation, veuillez visiter : Vidéo de programmation! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:csdn.net
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal