title: Cross domain issue in calling a restful API using Angular JS
body: <p>I'm trying to access a restful API. This gives error. How to overcome this Cross domain issue?</p>
  
  <p>The error is <code>'Access-Control-Allow-Origin' header is present on the requested resource</code></p>
  
  <pre><code>function Hello($scope, $http) {
  
  $http.get('http://api.worldweatheronline.com/free/v1/weather.ashx?q=London&amp;format=json&amp;num_of_days=5&amp;key=atf6ya6bbz3v5u5q8um82pev').
      success(function(data) {
          alert("Success");
      }).
      error(function(data){
         alert("Error");
      });
  }
  </code></pre>
  
  <p>This is my fiddle <a href="http://jsfiddle.net/U3pVM/2654/" rel="nofollow">http://jsfiddle.net/U3pVM/2654/</a></p>