Come aggiungere un tag di stile alla testa usando la Direttiva AngularJS

Question

Ciao, consentendo agli utenti di specificare se vogliono stampare i report in un formato orizzontale o ritratto.

Mi stavo chiedendo se è possibile aggiungere questo (vedi sotto) nel capo del documento Web utilizzando una Direttiva AngularJS?In questo modo cambierà le dimensioni di stampa in base all'ingresso dell'utente.

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

.

Answer 1

Questo dipende dal fatto che tu stia per utilizzare questa funzionalità in molti luoghi diversi.Se ne hai solo bisogno una volta, allora una direttiva potrebbe essere eccessiva.

Puoi semplicemente mettere

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

all'interno del tuo controller angolare e specificare l'orientamento sull'ambito di $.

A mia conoscenza Non è necessario che il tag di stile sia in testa.

Answer 2

È possibile utilizzare la direttiva NGStyle per applicare condizionatamente CSS.Vedi angularjs ngStyle .L'esempio alla fine del collegamento mostra come farlo.

Answer 3

Ho dovuto calare foglio di stylesheet personalizzato al volo con ID unici, l'ho fatto funzionare bene con Angularjs come questo:

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

.

(Nota l'uso di ng-bind)

DOVE VM.CSS sembra così nel controller

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

.

Spero che questo aiuti!