Question

style属性基于添加到元素的ng-style中的表达式附加到元素.Below是动态地将背景颜色添加到Style属性的代码。

          <div class="legend">
            <span data-ng-repeat="item in history[0].costItems"><i ng-style="{ 'backgroundColor':item.graphColor}"></i><p> {{item.itemLabel}}</p></span>
          </div>

item.graphcolor是ng-repeat的一部分，上面（任何标记）div将循环显示屏幕中的许多div，但每个div将具有不同的背景颜色。

它在屏幕上的颜色很好，但是当用PDF打印时它是不可见的。有可能的方法来追加“重要的”。到样式属性中的background-color，以便以PDF格式显示。

我尝试使用jQuery将style重新连接到style属性，但是它被附加在控制台中并显示在警告框中，但没有反映在元素的style属性中。

我甚至尝试更换＆＃39;;＆＃39; ＆＃39;！important;＆＃39;，它也很有用。

解决此问题的其他方法是什么？

Answer 1

我最好的建议，因为你没有提供太多的代码就是看

@media print {
    .print_class {
        background: red;
    }
}

你可能不得不放弃使用角度指令

<div class="legend"> 
    <span data-ng-repeat="item in history[0].costItems">
    <i style="background-color: {{item.graphColor}}"></i>
    <p> {{item.itemLabel}}</p></span>     
</div>

Angular JS ng风格

1 个答案: