Cet article est un article miroir de traduction automatique, veuillez cliquer ici pour accéder à l’article original.

Vue: 17934|Répondre: 0

[Angulaire] Le style CSS de composante de réglage angulaire ne prend pas de solution

[Copié le lien]
Publié sur 06/05/2020 17:51:23 | | | |
CLR-datagrid est un composant tiers, le composant génère une div de type datagrid, j’ai essayé de définir margin-top ne fonctionne pas, le code est le suivant :



En utilisant le mode développeur du navigateur, il est acceptable d’ajouter ce style CSS.

solution

Angular fournit une commande ::ng-deep pour une meilleure compatibilité avec les outils futurs afin de forcer les styles à permettre l’intrusion dans les sous-composants.

Le CSS est modifié comme suit :



:host représente un sélecteur qui sélectionne la composante courante.
::ng-deep peut ignorer les relations hiérarchiques imbriquées du className intermédiaire. Trouvez directement le nom de la classe que vous souhaitez modifier.
Cependant, la documentation officielle indique que ng-deep sera abandonné dans les versions futures, et on ignore quel type de syntaxe il deviendra à l’avenir.




Précédent:Angular contrôle l’affichage et le masquage des éléments
Prochain:Utilisez JavaScript pour accéder et manipuler les bases de données
Démenti:
Tous les logiciels, supports de programmation ou articles publiés par Code Farmer Network sont uniquement destinés à l’apprentissage et à la recherche ; Le contenu ci-dessus ne doit pas être utilisé à des fins commerciales ou illégales, sinon les utilisateurs assumeront toutes les conséquences. Les informations sur ce site proviennent d’Internet, et les litiges de droits d’auteur n’ont rien à voir avec ce site. Vous devez supprimer complètement le contenu ci-dessus de votre ordinateur dans les 24 heures suivant le téléchargement. Si vous aimez le programme, merci de soutenir un logiciel authentique, d’acheter l’immatriculation et d’obtenir de meilleurs services authentiques. En cas d’infraction, veuillez nous contacter par e-mail.

Mail To:help@itsvse.com