AngularJS 지침을 사용하여 헤드에 스타일 태그를 추가하는 방법

Question

안녕하세요, 사용자가 가로 또는 세로 형식으로 보고서를 인쇄할지 여부를 지정할 수 있습니다.

Angularjs 지침을 사용하여 웹 문서의 머리에 이것을 추가 할 수 있는지 궁금해하고 있었습니까?그렇게하면 사용자 입력에 따라 인쇄 크기가 변경됩니다.

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

.

Answer 1

이것은 여러 곳 에서이 기능을 사용할 것인지 여부에 따라 다릅니다.한 번만 필요하다면 지시문이 overkill 일 수 있습니다.

단순히

를 넣을 수 있습니다.

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

.

이 도움이되기를 바랍니다!