如何使用angularjs指令将样式标记添加到头部

Question

您好我允许用户指定是否要以横向或纵向格式打印报告。

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

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

Answer 1

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

你可以简单地把

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

在角度控制器中

，并指定$ scope的方向。

据我所知，没有必要将样式标记放在头部。

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; }`

希望这会有所帮助！