كيفية إضافة علامة نمط إلى الرأس باستخدام التوجيه angularjs
-
02-01-2020 - |
سؤال
مرحبًا، أسمح للمستخدمين بتحديد ما إذا كانوا يريدون طباعة التقارير بتنسيق أفقي أو عمودي.
كنت أتساءل عما إذا كان من الممكن إضافة هذا (انظر أدناه) إلى رأس مستند الويب باستخدام توجيه angularjs؟بهذه الطريقة سيتم تغيير حجم الطباعة اعتمادًا على إدخال المستخدم.
<style>@media print{@page {size: landscape}}</style>
المحلول
يعتمد هذا على ما إذا كنت ستستخدم هذه الوظيفة في العديد من الأماكن المختلفة.إذا كنت تحتاج إليه مرة واحدة فقط، فقد يكون التوجيه مبالغًا فيه.
يمكنك ببساطة وضع
<style> @media print {@page { size: {{ orientation }} } }</style>
داخل وحدة التحكم الزاوية الخاصة بك، وحدد الاتجاه على $scope.
على حد علمي ليست هناك حاجة لوجود علامة النمط في الرأس.
نصائح أخرى
يمكنك استخدام توجيه ngStyle لتطبيق CSS بشكل مشروط.يرى AngularJS ngStyle
.يوضح المثال الموجود في نهاية الرابط كيفية القيام بذلك.
اضطررت إلى إنشاء ورقة أنماط مخصصة بسرعة بمعرفات فريدة، لقد جعلتها تعمل بشكل جيد مع angularJS مثل هذا:
<style type="text/css"
ng-bind="vm.css">
</style>
(لاحظ استخدام ng-bind
)
حيث يبدو vm.css هكذا في وحدة التحكم
vm.css = `#${$scope.id} { background-color: red; }`
أتمنى أن يساعدك هذا!