Angular: No se puede interpolar ({{}}) en el atributo de clase de la forma svg

Creado en 27 may. 2016 · 3Comentarios · Fuente: angular/angular

Estoy enviando un...
[x] informe de error
[ ] solicitud de función
[ ] solicitud de soporte => No envíe una solicitud de soporte aquí, vea la nota en la parte superior de esta plantilla.

Comportamiento actual
No se puede interpolar ({{}}) en el atributo de clase de una forma svg a menos que el mismo elemento también tenga [ngClass]="" en él.

Comportamiento esperado/deseado
Debería ser posible la interpolación de texto arbitrario en el atributo de clase de cualquier elemento, con o sin [ngClass]=""

Si el comportamiento actual es un error, proporcione los pasos para reproducir y, si es posible, una demostración mínima del problema a través de
Reproducido aquí:
https://plnkr.co/edit/mVe6NH?p=preview
¿Cuál es el comportamiento esperado?
Ambas líneas, así como h1, deberían volverse rojas como resultado de haber aplicado la clase 'roja'.
¿Cuál es la motivación/caso de uso para cambiar el comportamiento?
.. debe haber orden en el mundo ¯_(ツ)_/¯
Cuéntanos sobre tu entorno:
Versión angular: 2.0.0-rc1
Navegador: [ Chrome 50 | Firefox 34 | Safari 9.0.3 ]
Idioma: [Mecanografiado]

Fuente

lsim

Comentario más útil

Debe vincular el atributo con SVG, es decir, [attr.class]="color"

vicb en 27 may. 2016

👍2

Todos 3 comentarios

Debe vincular el atributo con SVG, es decir, [attr.class]="color"

vicb en 27 may. 2016

👍2

Gracias por ese consejo, ¡funciona de maravilla!

Sin embargo, espero no ser el último en ser tomado por sorpresa por esta aparente inconsistencia. Pasé un poco de tiempo buscando reglas especiales con respecto a svg en los documentos angulares, pero me quedé con las manos vacías. ¿Qué me perdí?

lsim en 28 may. 2016

👍1

Este problema se ha bloqueado automáticamente debido a la inactividad.
Presente un nuevo problema si encuentra un problema similar o relacionado.

Obtenga más información sobre nuestra política de bloqueo automático de conversaciones .

_{_Esta acción ha sido realizada automáticamente por un bot._}