J'ai besoin de changer : avant de style par condition J'essaye d'utiliser la solution https://stackoverflow.com/a/37902154/13739803 mais ne fonctionne pas mon code est :

.sender:before {
              content: "";
              width: 0px;
              height: 0px;
              position: absolute;
              border-left: 15px solid $otaghakPinkLight;
              border-right: 15px solid transparent;
              border-top: 15px solid $otaghakPinkLight;
              border-bottom: 15px solid transparent;
              right: -16px;
              top: 0px;
              visibility: var(--porcentaje-visibility);
}

Code HTML:

<div class="message-box sender" [style]="{ '--porcentaje-visibility': showAvatar ? 'visible' : 'hidden' }">test</div>

Je veux voir ou cacher :avant par condition

0
heliya Rahbar 2 nov. 2020 à 16:15

1 réponse

Meilleure réponse

Cette variable doit-elle être placée dans scss ? S'il peut être déplacé dans le fichier .ts, je suggère d'ajouter une classe conditionnelle dans votre modèle :

[class.sender--visible]="showAvatar"

Ensuite, vous devez modifier votre classe .scss existante, en ajoutant visibility: hidden et en créer une nouvelle, qui sera :

.sender.sender--visible::before {
    visibility: visible;
}
2
Michał Tkaczyk 2 nov. 2020 à 13:28