Angular: Impossible d'interpoler ({{}}) dans l'attribut de classe de la forme svg

Créé le 27 mai 2016  ·  3Commentaires  ·  Source: angular/angular

  • Je soumets un...
  • [x] rapport de bogue
  • [ ] demande de fonctionnalité
  • [ ] demande d'assistance => Veuillez ne pas soumettre de demande d'assistance ici, voir la note en haut de ce modèle.

Comportement actuel
Impossible d'interpoler ({{}}) dans l'attribut de classe d'une forme svg à moins que le même élément n'ait également [ngClass]="" dessus.

Comportement attendu/souhaité
L'interpolation de texte arbitraire dans l'attribut de classe de n'importe quel élément devrait être possible - avec ou sans [ngClass]=""

  • Si le comportement actuel est un bogue, merci de fournir les étapes à reproduire et si possible une démo minimale du problème via
    Reproduit ici :
    https://plnkr.co/edit/mVe6NH?p=preview
  • Quel est le comportement attendu ?
    Les deux lignes ainsi que le h1 devraient devenir rouges suite à l'application de la classe "rouge".
  • Quelle est la motivation / le cas d'utilisation pour changer le comportement ?
    .. il devrait y avoir de l'ordre dans le monde ¯_(ツ)_/¯
  • Veuillez nous parler de votre environnement :
  • Version angulaire : 2.0.0-rc1
  • Navigateur : [Chrome 50 | Firefox 34 | Safari 9.0.3 ]
  • Langage : [TypeScript]

Commentaire le plus utile

Vous devez vous lier à l'attribut avec SVG, c'est-à-dire [attr.class]="color"

Tous les 3 commentaires

Vous devez vous lier à l'attribut avec SVG, c'est-à-dire [attr.class]="color"

Merci pour cette astuce - ça marche comme un charme!

Je m'attends à ne pas être le dernier à être pris par surprise par cette incohérence apparente, cependant. J'ai passé un peu de temps à chercher des règles spéciales concernant svg dans les documents angulaires - mais je suis venu les mains vides. Qu'est-ce que j'ai raté?

Ce problème a été automatiquement verrouillé en raison de son inactivité.
Veuillez signaler un nouveau problème si vous rencontrez un problème similaire ou connexe.

En savoir plus sur notre politique de verrouillage automatique des conversations .

_Cette action a été effectuée automatiquement par un bot._

Cette page vous a été utile?
0 / 5 - 0 notes