डाउनलोड पी.डी.एफ. ई-बुक्स
AJS - Directives ng-style

ng-style directive ये HTML Element पर style attribute को set या replace करने के लिए इस्तेमाल किया जाता है |


Syntax for ng-style Directive in AngularJS

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

ng-style Attribute's Parameters in AngularJS

expression : यहाँ पर expression होता है जो object को return करता है | object के keys पर css की properties होती है और values पर css properties की values होती है |


Example for ng-style Directive using String in AngularJS

Source Code :
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
</head>
<body>

<div ng-app="app" ng-controller="ctrl">

<h1 ng-style="stylePro">Hello World</h1>

<script>
var myapp = angular.module("app", []);
myapp.controller("ctrl", function($scope) {
$scope.stylePro = {
	'color' : 'red',
    'background-color' : 'blue'
}
});
</script>

</div>

</body>
</html>
Output :

Hello World