title: Angular2 / RxJS - updating variable after getting data from Http observable
body: <p>I would like to turn on my loader icon (e.g. spinner) <code>isLoaderEnabled</code> when data starts to download from API and turn it off when successfully received. What would be a proper way to turn it off?</p>
  
  <p>Here is my following code.</p>
  
  <p>My component:</p>
  
  <pre><code>this.isLoaderEnabled = true;
  this.meetingService.getList();
  </code></pre>
  
  <p>My service:</p>
  
  <pre><code>getList() {
    this._http.get('../fake-data/someFile.json')
      .map(response =&gt; response.json())
      .subscribe(
        data =&gt; {
          this.dataStore.meetingList = data;
          this.meetingListObserver.next(this.dataStore.meetingList);
        },
        err =&gt; console.log('&gt;&gt;&gt;', 'Could not load meetings list. Error: ', err),
        () =&gt; console.log('&gt;&gt;&gt;', 'Done with getting meetings list.')
      );
  }
  </code></pre>
  
  <p>Thank you.</p>