AngularJS ng-style डिरेक्टिव

AngularJS संदर्भ मानचित्र

रोगानुकूलन और उपयोग

ng-style डिरेक्टिव ने HTML एलिमेंट के style गुण

ng-style गुण का मूल्य ऑब्जेक्ट होना चाहिए या फिर ऑब्जेक्ट वापस देने वाला एक अभिव्यक्ति होना चाहिए。

इस ऑब्जेक्ट को कुंजी-मूल्य रूप के CSS गुण और मूल्यों से बनाया गया है。

उदाहरण

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 संदर्भ मानचित्र