Cannot get 'pause' of null

[tjvg91]

Why do I get this error?

ERROR TypeError: Cannot read property 'pause' of null`
    at WalkthroughComponent.open (angular-walkthrough.js:704)`
    at WalkthroughFlowComponent.start (angular-walkthrough.js:1964)`

This is my code:

@ViewChild('walkFlow1') walkFlow1: WalkthroughFlowComponent;
this.walkFlow1.start();

This is my markup:

<ng-walkthrough-flow
   focusBackdrop="true"
   focusHighlightAnimation="true"
   closeButton="true"
   closeAnywhere="false"
   showArrow="true"
   radius="auto" #walkFlow1>

   <ng-walkthrough id="walk-to-title"
      focusElementSelector="#hymnTitle"
      contentText="Tap to browse hymns in the hymnal">
   </ng-walkthrough>

</ng-walkthrough-flow>

[Zefling]

It's really your code ? Where is the start is the lifecycle of your component ?

[tjvg91]

Well I did import the module in app.module.ts

...
import { WalkthroughModule } from 'angular-walkthrough';
...
@NgModule({
...
  imports: [
    BrowserModule,
    CommonModule,
    HttpModule,
    BrowserAnimationsModule,
    WalkthroughModule,
    IonicModule.forRoot(MyApp),
  ],
...
});
export class AppModule{}

That's it.

[Zefling]

“lifecycle of your component” : ngOnInit, ngAfterContentInit, ngAfterViewInit

[tjvg91]

I put my code inside ionViewDidLoad

...
import { Component, OnDestroy, ViewChild, ElementRef, HostListener } from '@angular/core';
import { WalkthroughFlowComponent } from 'angular-walkthrough'
...
@IonicPage()
@Component({
...
})
export class ReaderPage implements OnDestroy{
   ...
   @ViewChild('walkFlow1') walkFlow1: WalkthroughFlowComponent;
   ...
   constructor(...){...}

   ionViewDidLoad(){
      ...
      this.walkFlow1.start();
   }

   ngDestroy(){...}

No ngOnInit, ngAfterContentInit, or ngAfterViewInit

[Zefling]

Hoo, it's with Ionic... Sorry, it don't use it.

[Zefling]

For information, the module injects an external component in the body. Without body, this module doesn't work.

If this different in an Ionic application, thank to explain what it looks like.

[tjvg91]

Does the lifecycle matter that much? When do the walkthrough elements appear? And yes I have that walkthrough-container element.

[Zefling]

I have add a fix. Please, test with 0.7.3.