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

ng-class-odd directive ये HTML Element पर class(es) को bind करने के लिए इस्तेमाल किया जाता है |

ng-class-odd directive odd position पर class को bind करने के लिए इस्तेमाल किया जाता है |

ng-class-odd directive का इस्तेमाल ज्यादातर table और list items के लिए किया जाता है |


Syntax for ng-class-odd Directive in AngularJS

<element ng-class-odd="expression">
</element>

ng-class-odd Attribute's Parameters in AngularJS

expression : यहाँ पर expression दिया जाता है |


Example for ng-class-odd 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>

<style type="text/css">
.red{ background-color : red; }
</style>
</head>
<body ng-app="" ng-init="fruits = ['Mango', 'Orange', 'Banana', 'PineApple', 'Papaya', 'Watermelon']">

<ol>
<li ng-repeat="f in fruits" ng-class-odd="'red'">{{f}}</li>
</ol>

</body>
</html>
Output :
  1. {{f}}