دستورالعمل ng-style AngularJS

دستورالعمل‌های مرجع AngularJS

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

ng-style این دستورالعمل HTML عناصر استایل کلید.

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

این شیء از کلیدهای CSS به صورت جفت کلید-مقدار تشکیل شده است.

مثال

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

<body ng-app="myApp" ng-controller="myCtrl">
<h1 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