Angular: Невозможно интерполировать ({{}}) в атрибут класса формы svg

Созданный на 27 мая 2016 · 3Комментарии · Источник: angular/angular

Я подаю...
[x] отчет об ошибке
[ ] запрос функции
[ ] запрос на поддержку => Пожалуйста, не отправляйте здесь запрос на поддержку, см. примечание в верхней части этого шаблона.

Текущее поведение
Невозможно интерполировать ({{}}) в атрибут класса формы svg, если тот же элемент также не имеет [ngClass]="" на нем.

Ожидаемое/желаемое поведение
Должна быть возможна интерполяция произвольного текста в атрибут класса любого элемента - с [ngClass]="" или без него.

Если текущее поведение является ошибкой, предоставьте шаги для воспроизведения и, если возможно, минимальную демонстрацию проблемы через
Воспроизведено здесь:
https://plnkr.co/edit/mVe6NH?p=preview
Каково ожидаемое поведение?
Обе линии, а также h1 должны стать красными в результате применения «красного» класса.
Какова мотивация / вариант использования для изменения поведения?
.. в мире должен быть порядок ¯_(ツ)_/¯
Расскажите, пожалуйста, о вашей среде:
Угловая версия: 2.0.0-rc1
Браузер: [ Chrome 50 | Фаерфокс 34 | Сафари 9.0.3]
Язык: [TypeScript]

Источник

lsim

Самый полезный комментарий

Вы должны привязать атрибут с помощью SVG, т.е. [attr.class]="color"

vicb 27 мая 2016

👍2

Все 3 Комментарий

Вы должны привязать атрибут с помощью SVG, т.е. [attr.class]="color"

vicb 27 мая 2016

👍2

Спасибо за этот совет - он работает как шарм!

Я ожидаю, однако, что я не буду последним, кого застигнет врасплох это кажущееся несоответствие. Я потратил немного времени на поиск специальных правил, касающихся svg, в документах angular, но пришел с пустыми руками. Что я пропустил?

lsim 28 мая 2016

👍1

Эта проблема была автоматически заблокирована из-за бездействия.
Пожалуйста, создайте новую проблему, если вы столкнулись с похожей или связанной проблемой.

Узнайте больше о нашей политике автоматической блокировки разговоров .

_{_Это действие было выполнено автоматически ботом._}