Issue Found
An error of type TypeError has occurred: Cannot read property 'next' of null
Problematic Template Utilizing Observer.next
import { NavService } from '../../providers/services/nav-service/nav-service';
@Component({
selector: 'ion-header',
providers: [NavService],
template: `
<ion-navbar>
<ion-title>{{navService.getCurrentName()}}</ion-title>
<ion-buttons start>
<button (click)="navService.goHome()">
<span primary showWhen="ios">Cancel</span>
<ion-icon name="md-close" showWhen="android,windows"></ion-icon>
</button>
</ion-buttons>
</ion-navbar>
`
})
Service implementing Observable Functionality
import { Platform } from 'ionic-angular';
import { Observable } from 'rxjs/Observable';
import { Injectable, ViewChild } from '@angular/core'
@Injectable()
export class NavService {
private dismissObserver: any
public dismiss: any
constructor (
private authService: AuthService,
private platform: Platform
) {
this.dismissObserver = null;
this.dismiss = Observable.create(observer => {
this.dismissObserver = observer;
});
}
public goHome():void {
this.dismissObserver.next(true);
}
Code Snippet for app.ts with Subscription
@Component({
providers: [NavService]
})
export class MyApp {
@ViewChild(Nav) navController: Nav
constructor(
public navService: NavService
) {
this.initializeApp()
}
initializeApp() {
this.platform.ready().then(() => {
StatusBar.styleDefault()
this.setRoot()
this.navController.setRoot(HomePage);
this.navService.dismiss.subscribe((event) => {
console.log ("event", event);
this.navController.setRoot(HomePage)
})
})
}
ionicBootstrap(MyApp, [])
By the way, I am following this helpful "tutorial":
Ionic2, inject NavController to Injectable Service