title: Using angular 2 http offline when loading JSON in local project folder
body: <p>I have been trying loading a local json file present in my project folder of Angular 2 using http get method. Look at the following example code snippet:</p>
  
  <pre><code>private _productURL = 'api/products/products.json';    
  getProducts(): Observable&lt;any&gt; {
          return this._http.get(this._productURL).map((response : Response) =&gt; &lt;IProduct[]&gt; response.json())
          .do(data =&gt;console.log(JSON.stringify(data))).catch(this.handleError);
      }
  </code></pre>
  
  <p>Now when I'm trying to load it with internet connected, it's working. But when I'm turing on the offline checkbox from the browser developer options(<a href="https://developers.google.com/web/tools/chrome-devtools/network-performance/reference#offline" rel="noreferrer">https://developers.google.com/web/tools/chrome-devtools/network-performance/reference#offline</a>), the json stops loading again. It starts showing me error in console about No internet connection and doesn't load anything.</p>
  
  <p>Is there any other way to do this? or using http get..how to do it?</p>