دستور AngularJS ng-style

دستورالعمل مرجع AngularJS

تعریف و استفاده

ng-style این دستور ویژگی HTML عناصر را دستور style ویژگی.

ng-style مقادیر این ویژگی‌ها باید شیء باشند یا عباراتی باشند که شیء برمی‌گردانند.

مقادیر این کلیدها باید شیء باشند یا عباراتی باشند که شیء برمی‌گردانند.

مثال

استفاده از یک شیء با کلیدها و مقادیر CSS، برای اضافه کردن برخی از استایل‌ها با AngularJS:

<body ng-app="myApp" ng-controller="myCtrl">
<h1 ng-style="myObj">مرحبا</h1>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
    $scope.myObj = {
        "color" : "white",
        "background-color" : "coral",
        "font-size" : "60px",
        "padding" : "50px"
    }
});
</script>
</body>

آزمایش کنید

نحوه نوشتن

<element ng-style="expression</element>

تمام عناصر HTML پشتیبانی می‌کنند.

پارامترها

پارامترها توضیح
expression عبارت، یک شیء برگردانده می‌کند که کلیدهای آن ویژگی‌های CSS و مقادیر آن مقادیر CSS هستند.

دستورالعمل مرجع AngularJS