J'essaie de définir un attribut de style avec une variable en angulaire 8, mais je ne peux pas le faire fonctionner.
constructor(private sanitizer: DomSanitizer){}
getStyling(index: number) {
const styleAttribute = "--animation-delay: " + index;
return this.sanitizer.bypassSecurityTrustStyle(styleAttribute);
}
3 Réponses :
pourrait être une question de syntaxe. Vous pouvez vérifier Cette démo qui a un exemple d'utilisation de style, Ngstyle et ngclass . htth
Il est possible d'utiliser un appel de fonction pour établir votre style comme suit:
html: dactylographie:
Cela ne fonctionne pas. J'ai littéralement besoin style = "- Animation-Delay: 1" pour être dans la balise, de sorte que mon CSS puisse en choisir.
On dirait que la chaîne de retour est dangereuse et n'est donc pas imprimée. Vous pouvez annuler cela avec:
constructor(private sanitizer: DomSanitizer){}
getStyling(index: number) {
const styleAttribute = "--animation-delay: " + index;
return this.sanitizer.bypassSecurityTrustStyle(styleAttribute);
}
Avez-vous essayé de lier à
ngstyle à la place? angular.io/aplon/common/ngstyleJ'ai littéralement besoin de style = "- Animation-Delay: 1" Pour être dans la balise, de sorte que mon CSS puisse prendre cela