AngularJS如何在使用ng-style时启用彩色打印css？答案

【问题标题】：AngularJS how to enable color printing css while using ng-style?AngularJS如何在使用ng-style时启用彩色打印css？
【发布时间】：2018-12-07 17:01:40
【问题描述】：

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

代码很简单：

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

现在我需要实现一个打印视图，所以只打印一些元素，但我的主要问题是我需要打印颜色，它们很重要，为此我通常总是在css 规则，它会被打印出来。

但这一次，我有 ng-style 赋予颜色，那么到底如何在 ng 样式中添加 !important 呢？

我试过了：lt.backgroundColor+""+"!important" 但它不起作用，

见鬼，甚至ng-style='{"background-color": "#000 !important"....} 只有当我删除 !important 时才有效：

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

只留下十六进制代码，它在打印视图中正确显示，

有什么解决办法吗？

【问题讨论】：

标签： css angularjs ng-style print-css

【解决方案1】：

你需要插入你的属性：

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

【讨论】：

遗憾的是这不起作用:(我什至尝试在 !important 周围使用“”而不是 ''，但不起作用，我尝试用“”交换外部 ''，并使用内部''，但什么都没有
重点不是单引号还是双引号，都是一样的！重要的是插入您的变量，例如lt.backgroundcolor
好的，但是有什么问题呢？双花括号与外面的颜色不同（xcode），所以也许我不能那样使用它们？（打字稿）