AngularJS, как включить цветную печать CSS при использовании стиля нг?

Question

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

код для этого прост:

ng-style='{"background-color": lt.backgroundColor, "color": lt.textColor}'>

теперь мне нужно реализовать представление для печати, чтобы печатались только некоторые элементы, но моя главная проблема в том, что мне нужны распечатываемые цвета, они важны, и для этого обычно я всегда добавляю !important к правилу CSS, и это будет напечатано.

Но на этот раз у меня есть нг-стиль, который дает цвета, так как же я могу добавить !important в стиле нг?

Я старался: lt.backgroundColor+""+"!important" но это не работает,

даже черт ng-style='{"background-color": "#000 !important"....}работает, только если я удалю! важные, как:

ng-style='{"background-color": "#000"....}

оставляя только шестнадцатеричный код, он отображается правильно в режиме печати,

какие-либо решения?

Answer 1

Вам нужно интерполировать ваш атрибут:

ng-style='{"background-color": {{lt.backgroundColor}}+' !important', "color": {{lt.textColor}} }'>