TP102-AngularJS Directives

<html>
  
   <head>
      <title>AngularJS Directives</title>
   </head>
  
   <body>
      <h1>Sample Application</h1>
    
      <div ng-app = "" ng-init = "countries = [{locale:'en-US',name:'United States'}, {locale:'en-GB',name:'United Kingdom'}, {locale:'en-FR',name:'France'}]">

         <p>List of Countries with locale:</p>
    
         <ol>
            <li ng-repeat = "country in countries">
               {{ 'Country: ' + country.name + ', Locale: ' + country.locale }}
            </li>
         </ol>
      </div>
    
      <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    
   </body>
</html>

// Code goes here

/* Styles go here */