Error ApplicationRef.tick is called recursively when injecting SkyModalService in a component that is shown using ngIf

[Blackbaud-PaulCrowder]

Expected behavior

A component that is shown using the Angular ngIf directive should allow SkyModalService to be injected in its constructor.

Actual behavior

Adding SkyModalService to the constructor of a component that is shown using ngIf causes the error ApplicationRef.tick is called recursively

Steps to reproduce

• Create a component that has SkyModalService in its constructor.
• Cite this component in another component with an ngIf directive.
• The error occurs
• Add SkyModalService to the parent component and the error goes away. I'm assuming this is occurring because the SkyModalHostComponent is not created during the app's initial bootstrap phase.

Plunker

https://plnkr.co/edit/i9nopmeYvhL2dH1KRq68?p=preview

[Blackbaud-PatrickOFriel]

In 2.0.0-beta.30

[maximelafarie]

Same error here.

import {ApplicationRef, Injectable} from '@angular/core';

@Injectable()
export class LoaderService {

  loading: boolean = false;

  constructor(private applicationRef: ApplicationRef) {
  }

  start() {
    this.loading = true;
    this.applicationRef.tick();
  }

  stop() {
    this.loading = false;
    this.applicationRef.tick();
  }

  getState(): boolean {
    return this.loading;
  }

}

[Santoshah]

getting same error