Angularjsディレクティブを使用してheadにスタイルタグを追加する方法

StackOverflow https://stackoverflow.com//questions/25088519

質問

こんにちはいユーザーがサービス毎に使い分けるかどうかを指定して印刷したい報告ghostscriptやcupsを使う一般的なもしくは肖像形式です。

Angularjsディレクティブを使用してwebドキュメントの先頭にこれ（下記参照）を追加できるかどうか疑問に思っていましたか？そうすれば、ユーザーの入力に応じて印刷サイズが変更されます。

<style>@media print{@page {size: landscape}}</style>
役に立ちましたか？

解決

これは、この機能をさまざまな場所で使用するかどうかによって異なります。あなたが一度だけそれを必要とするならば、指令は過剰かもしれません。

あなたは簡単に置くことができます

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

あなたの角度コントローラ内で、$scopeの向きを指定します。

私の知る限り、styleタグが頭の中にある必要はありません。

他のヒント

NGStyleディレクティブを使用してCSSを条件付きで適用できます。 angularjs ngStyle 。リンクの最後の例は、その方法を示しています。

私はユニークなIDでその場でカスタムスタイルシートをクレートしなければなりませんでした、私はそれがこのようなangularyjsとうまく働いた：

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

（ng-bindの使用に注意してください）

ここで、vm.cssはコントローラ内のそのように見える

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

これが助けに役立つことを願っています！

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top