Обновить атрибут стиля при обновлении ngStyle

У меня есть div с атрибутом ngStyle. Первоначально div выглядит нормально. Но когда я обновляю свойство, которое используется внутри атрибута ngStyle, тег style не обновляется. Таким образом, изменения не отражаются в файле div.

Вот пример того, что я имею в виду: http://plnkr.co/edit/YQIxJYEFWwbxiXr4HBwY?p=preview

Первоначально div зеленый. Когда вы нажмете кнопку под ней, вы увидите, что атрибут ngStyle обновляется цветом #ff0000 (красный). Но атрибут style не обновляется.

Есть ли способ заставить angular снова обновить атрибут style?

Обратите внимание: в моем реальном сценарии элемент div имеет намного больше style свойств. И div также имеет тег <p>, который имеет свойства стиля и т. д.

Я не хочу менять внешний вид ngStyle прямо сейчас. Я хочу знать, возможно ли принудительно обновить атрибут стиля при использовании этого метода.


person Vivendi    schedule 10.09.2014    source источник


Ответы (1)


Не оборачивайте {{bg}}вместо этого просто укажите его как bg: http://plnkr.co/edit/F1fwgWn48fgZJT1mBiaQ?p=preview

person Wildhoney    schedule 10.09.2014
comment
Спасибо за этот ответ. Я делал это ng-style="{{ bgStyle ? bgStyle : ''}} теперь работает только с ng-style="bgStyle" - person Emeka Mbah; 07.02.2016