Using Directives you can extend HTML attributes. In AngularJS you can define your own directives while it has its own set of directives. In angularJS, directives start with ng- prefix like ng-app, ng-init, ng-model etc. <div ng-app="" ng-init="a=10;b=50"> <p>Result: {{ a * b }}</p> </div> Try   Using ng-bind: <div ng-app="" ng-init="a=10;b=50"> <p ng-bind="a * b"></p> </div> Try   Data Binding in AngularJS: Using ng-model directive it binds AngularJS expressions with AngularJS data. Repeating nodes: ng-repeat directive is used to repeat HTML elements in AngularJS. <span ng-app=”” ng-init=”states=[‘UP’,’MP’,’HYD’]”> <ul> <li ng-repeat=”a in states”> {{ a }} </li> </ul> </span> Try […]