title: Obtaining JSONP files from Firebase hosting through Angular
body: <p>I am trying to obtain a <code>.json</code> file from remote firebase server.</p>
  
  <pre><code>function fetchData(remoteJsonId){
      var url = "https://myAppName.firebaseapp.com/topics/"+remoteJsonID;
      console.log(url); //This variable expands to the full domain name which is valid and                       returns success both on wget and the browser
      $http.jsonp(url).then(
          function(resp){
  
          },
          function(err){
              console.log(err.status) // This posts "404" on console.
          }
      );
  }
  </code></pre>
  
  <p>But If I open <code>url</code> in the browser the json file loads. Even if I <code>wget url</code> the json file loads. But through angular it returns a <code>404</code> not found.</p>
  
  <p>Now the <code>.json</code> remote file has this structure:</p>
  
  <pre><code>[
    { 
      "hello":"Europe"
    },
  
    {
      "hello":"USA"
    }
  ]
  </code></pre>
  
  <p>The above file can be fetched using $http.get() but not with $http.jsonp(). JSONP cant parse .json file with the above structure. How can I work around this?</p>