title: Waiting for observable until API Load all the information Angular2
body: <p>I have been working in a loading component to make a friendly wait between the content is called and loaded from API. There is no issue when is just text, but when the information has images or more information, the loading component disappear before the content is fully loaded. </p>
  
  <p>I took a look to the lifecycle hooks of Angular2, but any of them look like fit for my requirement.</p>
  
  <p>Mainly my component understand when the isLoading = true have to disappear.  </p>
  
  <p>Here is my way I tried to do it. </p>
  
  <pre><code>ngOnInit() {
          // Payload to call the API
          var model: myPayload = {
              AuthorId: this._authorid,
              CountryId: this._countryid
  
          }
          // Api loading
          Observable.forkJoin(
              this._service.getList(model)
          )
              .subscribe(
              res =&gt; {
                  this.authorList = res[0];
              },
              null,
              () =&gt; { 
                  this.isLoading = false 
                  }
              )
  }
  </code></pre>