title: how to get country names with their flags in angularjs
body: <p>I want to get country flag in country label.</p>
  
  <pre><code> &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.0/angular.min.js"&gt;&lt;/script&gt;  
   &lt;script src="ng-flags.js"&gt;&lt;/script&gt;
   &lt;script src="script.js"&gt;&lt;/script&gt;
   &lt;body ng-app="validationApp" ng-controller="mainController" style="background-image:url('images/Assets/BG.png')"&gt;
   &lt;label&gt;COUNTRY&lt;/label&gt;&lt;br&gt;
   &lt;select name="country"&gt;
   &lt;option &gt;&lt;span flag="'us'" flag-size="f32"&gt;USA&lt;/span&gt;&lt;/option&gt;&lt;/select&gt;&lt;br&gt;&lt;br&gt;
   &lt;/body&gt;
  </code></pre>
  
  <p>declaring ng-controller  add dependency of ng-flag.</p>
  
  <pre><code> var validationApp = angular.module('validationApp', ['ngFlag']);
  
  // create angular controller
    validationApp.controller('mainController', function($scope) {
  
      // function to submit the form after all validation has occurred    
  
  
  
  });
  </code></pre>