0
votes

Changer la couleur de l'icône de matériau en utilisant document.getElementyID (article) ne fonctionne pas

<i class="material-icons" [ngStyle]="post.isLiked != null ? {'color': 'red'}: {'color': 'grey'}" id="{{i}}" (click)="LikePost(post.postType,post.postId,post.isLiked,i)">favorite</i>


2 commentaires

Ceci est mon code: HTML: Favoris TypeScript: Si (article.getelementByID (article). couleur == "gris") {document.getElementyid (article) .style.color = "rouge"; }


Veuillez ajouter le code directement à votre réponse et, si possible dans un exemple minimal, complet et vérifiable exemple. J'ai ajouté votre code à la question, veuillez ajouter le code manquant pour que cela fonctionne. Merci!


3 Réponses :


0
votes
<i class="material-icons" [style.color]="post.isLiked != null ? 'red': 'grey'" [id]="i" (click)="LikePost(post.postType,post.postId,post.isLiked,i)">favorite</i>

0 commentaires

0
votes

Lorsque vous utilisez getElementyID, vous devez mettre l'identifiant dans des guillemets, comme:

let element = document.getElementById('my-element');


0 commentaires

0
votes

Le problème n'était pas avec la syntaxe mais j'ai utilisé la même carte d'identité pour 2 boutons - comme le suivant. C'est pourquoi, il a cessé de travailler pour un. Mme Bad!


0 commentaires