UPD: J'ai écrit un petit code par exemple. Comment puis-je utiliser tous les styles? J'ai des erreurs si je l'utilise dans le fichier .scss pour le composant enfant - import "~ styles.scss"; Cela signifie que si nous utilisons bootstrap dans le projet, nous ne pouvons pas utiliser col-lg dans le composant enfant, mais cela fonctionne bien dans le parent - Par exemple.
J'ai une structure simple de mon composant parent:
Styles.scss (dans le dossier global)
<div class="row"></div>
Parent.html
<content></content> <div class="row"></div>
Child.html
XXX
Donc chez mon enfant je n'ai pas de fond noir, mais je l'ai en parent, qu'est-ce qui ne va pas?
5 Réponses :
Essayez :
.row {
background-color: black !important;
}
Essayez
::ng-deep .row {
background-color: black
}
désolé, j'ai écrit un petit code par exemple. Comment puis-je utiliser tous les styles? J'ai des erreurs si je l'utilise dans le fichier .scss pour le composant enfant - import "~ styles.scss";
Essayez
:host ::ng-deep .row {
background-color: black
}
Essayez d'ajouter le dans la page d'index de l'application. c'est réflexe le changement
Index.html
.row { couleur de fond: noir! important }
Pour définir les styles globalement, ajoutez-les au fichier angular.json dans la propriété styles .
... "assets": ["src/assets", "src/favicon.ico"], "styles": ["src/Styles.scss"] ...
Ou suivez cette réponse si vous ne voulez pas les utiliser comme global p>
donc je veux, et ça marche bien avec la structure comme
J'ai essayé de faire avec votre explication ici stackblitz.com/edit/angular-scss-demo-menwrr mais cela fonctionne bien .. Pouvez-vous le revérifier?