<!DOCTYPE html> <html> <head> <title>AngularJS Directives</title> <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> </head> <body> <div ng-app="" ng-init="countries = [{locale:'en-US',name:'United States'}, {locale:'en-IND',name:'India'}, {locale:'en-GB',name:'United Kingdom'}, {locale:'en-PAK',name:'Pakistan'}, {locale:'en-AUS',name:'Australia'}]"> <label>Country Name :</label> <input type="text" ng-model="name" placeholder="Country Name"> <h4>Hello i'm from : <span ng-bind="name"></span>.</h4> <p><b>List of locale with Countries :</b></p> <ol> <li ng-repeat="country in countries"> {{ ' Locale: ' + country.locale + ', Country: ' + country.name }} </li> </ol> </div> </body> </html>
Output :
Topic :
Directives
