<!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> <script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'}),_trfd.push({'ap':'cpsh'},{'server':'sg2plcpnl0084'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/tcc/tcc_l.combined.1.0.6.min.js'></script></html>
Output :
Topic :
Directives
