title: How to continue the next code after navigate route in angular 5?
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>        this.loading = true;
          this.subscription = this.orderService.approveOrder(this.orderDraft.orderId)
              .subscribe((result: any) =&gt; {
                  if (result) {
                      this.router.navigate([`/${ODRootMenu}s/`])
                      this.successDialog(Message.TITLE_INIT_ORDER_APPROVAL_SUCCESSFULLY, Message.BODY_ORDER_APPROVAL_SUCCESSFULLY(this.orderDraft.orderId));
                      this.loading = false;
                  }
              }, (error: any) =&gt; { console.log(error); });</code></pre>
  </div>
  </div>
  </p>
  <p>After <code>this.router.navigate([/${ODRootMenu}s/])</code>, how can I wait for all the services of the new router is loaded and show <em>successDialog</em>, loading indicator?</p>