如何使用AngularJS指令向HEAD添加样式标记

Question

嗨，我允许用户指定它们是否要在横向或纵向格式中打印报告。

我想知道是否可以使用AngularJS指令将此（请参阅下文）添加到Web文档的头部？这样它将根据用户输入改变打印尺寸。

<style>@media print{@page {size: landscape}}</style>

.

Answer 1

这取决于您是否将在许多不同的地方使用此功能。如果您只需要一次，那么指令可能是矫枉过正的。

你可以简单地放置

<style> @media print {@page { size: {{ orientation }} } }</style>

在角度控制器内，并在$范围上指定方向。

到我的知识，没有必要在头部处于头部。

Answer 2

您可以使用NGStyle指令有条件应用CSS。查看 Angularjs ngStyle 。链接末尾的示例显示了如何执行此操作。

Answer 3

我不得不用唯一的ID传递自定义样式表，我使它与angularjs一起工作：

<style type="text/css"
               ng-bind="vm.css">
        </style>

.

（注意使用ng-bind）

在控制器中的VM.CSS看起来如此

vm.css = `#${$scope.id} { background-color: red; }`

.

希望这有帮助！