如何使用AngularJS指令向HEAD添加样式标记
-
02-01-2020 - |
题
嗨,我允许用户指定它们是否要在横向或纵向格式中打印报告。
我想知道是否可以使用AngularJS指令将此(请参阅下文)添加到Web文档的头部?这样它将根据用户输入改变打印尺寸。
<style>@media print{@page {size: landscape}}</style>
. 解决方案
这取决于您是否将在许多不同的地方使用此功能。如果您只需要一次,那么指令可能是矫枉过正的。
你可以简单地放置
<style> @media print {@page { size: {{ orientation }} } }</style>
在角度控制器内,并在$范围上指定方向。
到我的知识,没有必要在头部处于头部。
其他提示
您可以使用NGStyle指令有条件应用CSS。查看 Angularjs ngStyle
。链接末尾的示例显示了如何执行此操作。
我不得不用唯一的ID传递自定义样式表,我使它与angularjs一起工作:
<style type="text/css"
ng-bind="vm.css">
</style>
.
(注意使用ng-bind
)
在控制器中的VM.CSS看起来如此
vm.css = `#${$scope.id} { background-color: red; }`
.
希望这有帮助!
不隶属于 StackOverflow