title: Angular HttpClient call ignored
body: <p>So, I have a Jhipster generated app. </p>
  
  <p>In it we have a number of entities with "default" methods both front and back end</p>
  
  <p>One of these methods is the create, in this case for entity ActivePharmaIng, this is what the code looks like in the angular service class:</p>
  
  <pre class="lang-js prettyprint-override"><code>create(activePharmaIng: ActivePharmaIng): Observable&lt;ActivePharmaIng&gt; {
    const copy = this.convert(activePharmaIng);
    return this.http.post(this.resourceUrl, copy).map((res: Response) =&gt; {
      const jsonResponse = res.json();
      return this.convertItemFromServer(jsonResponse);
    });
  }
  </code></pre>
  
  <p>So, this code works like a charm where it's getting used in the Entities area, however, when I try to reuse it in a modal I call it from a function which is called with (click), the code for the function:</p>
  
  <pre class="lang-js prettyprint-override"><code>saveNewApi(api: ActivePharmaIng) {
    this.activePharmaIngDTO.api = this.activePharmaIng;
    this.activePharmaIngService.create(api);
    this.show = false;
  }
  </code></pre>
  
  <p>In the second line we can see the call to create, when debugging I see the function gets called seamlessly and It goes in to the create function only to just jump straight out as after trying to do the call</p>
  
  <p>I have no trace of any error messages, not debugging with IntelliJ, not in the google developer toolbar, tried in console and Network area, not a single message.  It just jumps to the next line, which is a boolean that when setting to false hides some divs of a form:</p>