Possible to transition from `InMemoryWebApiModule` in Angular2?
<p>I have implemented a project based on the "Tour of Heroes" <a href="https://angular.io/docs/ts/latest/tutorial/" rel="nofollow noreferrer">tutorial</a>.  I have made it to the point where I want to start hitting my real REST backend, but ideally I'd just want to do this operation by operation.</p>

<p>I updated the <code>post</code> call to use the URL for my REST service, as follows:</p>

<pre><code>create(hero: Hero): Promise&lt;Hero&gt; {
    return this.http
        .post("http://127.0.0.1:3001/api/heroes", JSON.stringify(hero), {headers: this.headers})
        .toPromise()
        .then(res =&gt; return res.json().data)
        .catch(this.handleError);
}
</code></pre>

<p>The problem is, this still just hits the <code>InMemoryDbService</code> provided by the <code>InMemoryWebApiModule</code>.  In fact, it doesn't matter what the URL is I supply - as long as it ends in <code>/heroes</code>, it works.  I can put in any port number, any path, and any IP (as long as it is a parseable URL that ends in <code>/heroes</code>).  </p>

<p>I expected that the <code>HttpModule</code> would work normally and the <code>InMemoryWebApiModule</code> would only get hit when the URL resolved to the application's URL.  Apparently this is not the case and somehow just having <code>InMemoryWebApiModule.forRoot(InMemoryDataService)</code> in your module imports changes how <code>Http</code> works (from what I can tell).</p>

<p><strong>So my question is</strong> - is it possible to continue to use the <code>InMemoryWebApiModule</code> to host mock services while you transition to a real service?  How would you modify the "Tour of Heroes" tutorial to do this for a single operation?</p>