title: Angularjs Error in loading external jsonfile from server
body: <p>I am trying to load json file from  server .Here is my services.js file </p>
  
  <pre><code>angular.module('starter.services', [])
  
  /**
   * A simple example service that returns some data.
   */
  .factory('Friends', function($http) {
  
    var friends;
   //here is the code for server access
    $http.get('http://wwww.root5solutions.com/ionictest/get.json').then(function(msg){
        console.log("console output"+msg.data);
        friends=msg.data;
        console.log("from server"+friends.data);
    });
  
    return {
      all: function() {
        return friends;
      },
      get: function(friendId) {
  
        return friends[friendId];
      }
    }
  });
  </code></pre>
  
  <p>But its not worked properly.Here is my console message</p>
  
  <pre><code>XMLHttpRequest cannot load http://www.root5solutions.com/ionictest/get.json. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8100' is therefore not allowed access. 
  </code></pre>