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

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.

<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>

Composant parent

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

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!