AngularJS如何在使用ng样式时启用彩色打印CSS?

时间:2018-06-28 14:47:15

标签: css angularjs ng-style print-css

我有一个应用程序,可以在表中生成一些数据,每个单元格都有其属性指定的背景色和文本色的特定组合。

该代码很简单:

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

现在我需要实现一个打印视图,因此只打印一些元素,但是我的主要问题是我需要打印颜色,它们很重要,为此,通常我总是添加一个!important到CSS规则,它将被打印出来。

但是这次,我有ng风格的颜色, 那么到底如何在ng样式中添加!important

我尝试过:lt.backgroundColor+""+"!important",但是它不起作用,

地狱,甚至ng-style='{"background-color": "#000 !important"....} 仅当我删除!important时才有效:

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

仅保留十六进制代码,它可以在打印视图中正确显示

任何解决方案?

1 个答案:

答案 0 :(得分:0)

您需要插入属性:

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