AngularJS 지침을 사용하여 헤드에 스타일 태그를 추가하는 방법
-
02-01-2020 - |
문제
안녕하세요, 사용자가 가로 또는 세로 형식으로 보고서를 인쇄할지 여부를 지정할 수 있습니다.
Angularjs 지침을 사용하여 웹 문서의 머리에 이것을 추가 할 수 있는지 궁금해하고 있었습니까?그렇게하면 사용자 입력에 따라 인쇄 크기가 변경됩니다.
<style>@media print{@page {size: landscape}}</style>
. 해결책
이것은 여러 곳 에서이 기능을 사용할 것인지 여부에 따라 다릅니다.한 번만 필요하다면 지시문이 overkill 일 수 있습니다.
단순히
를 넣을 수 있습니다. <style> @media print {@page { size: {{ orientation }} } }</style>
각도 컨트롤러 내의
$ scope에서 방향을 지정합니다.
내 지식에 스타일 태그가 머리에있을 필요가 없습니다.
다른 팁
NgStyle 지시문을 사용하여 조건부 CSS를 적용 할 수 있습니다. Angularjs ngStyle
를 참조하십시오.링크의 끝에있는 예제는이를 수행하는 방법을 보여줍니다.
나는 고유 한 ID로 비행에 맞춤 스타일 시트를 크레이트해야했습니다. 나는 이것을 좋아하는 Angularjs로 멋지게 일하게했습니다 :
<style type="text/css"
ng-bind="vm.css">
</style>
.
(ng-bind
사용에 유의하십시오)
여기서 VM.CSS는 컨트롤러에서 그 것처럼 보입니다
vm.css = `#${$scope.id} { background-color: red; }`
.
이 도움이되기를 바랍니다!
제휴하지 않습니다 StackOverflow