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

Posted 2023-03-06

【中文标题】AngularJS如何在使用ng-style时启用彩色打印css？

【英文标题】：AngularJS how to enable color printing css while using ng-style?

【发布时间】：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"....

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

有什么解决办法吗？

【参考方案1】：

你需要插入你的属性：

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

【讨论】：

遗憾的是这不起作用:(我什至尝试在 !important 周围使用“”而不是 ''，但不起作用，我尝试用“”交换外部 ''，并使用内部''，但什么都没有

重点不是单引号还是双引号，都是一样的！重要的是插入您的变量，例如lt.backgroundcolor

好的，但是有什么问题呢？双花括号与外面的颜色不同（xcode），所以也许我不能那样使用它们？ （打字稿）