As you can se here, @mhartington (from ionic team) says:
Just to chime in on this, you shouldn't be injecting ViewController or
NavController into Service. This is not their intended purpose.
And
The service shouldn't be responsible for displaying alerts/loading/ or
any component that needs to be activated by nav. A service should just
be for getting and returning data.
Anything else should be done within the component.
That being said, you can obtain the nav by doing
var nav = this.app.getActiveNav();
Like you can see here.
=================================================
EDIT: As another user said:
It's bad practice to change a view from a service (broken MVC).
However, you could send events from services to the main controller,
and the controller can use NavController (best way), or you could send
NavController to your service like an attribute (not bad way...). Or
you may need to create a component instead of using the service.
So, a better way to do it, would be:
First, add an observable
in your service, to know when the dismiss
should be called:
import {Injectable} from '@angular/core';
import {Platform} from 'ionic-angular';
import {Observable} from 'rxjs/Observable';
@Injectable()
export class MyCustomService {
// Observables we're going to use
private dismissObserver: any;
public dismiss: any;
constructor(private platform: Platform){
// Your stuff
// ...
this.dismissObserver = null;
this.dismiss = Observable.create(observer => {
this.dismissObserver = observer;
});
}
public yourMethod(...):void {
// Here we send the order to go back to the home page
this.dismissObserver.next(true);
}
}
And then only, in your app.ts
(or in your top-most component):
initializeApp(): void {
this.platform.ready().then(() => {
// Okay, so the platform is ready and our plugins are available.
// Here you can do any higher level native things you might need.
StatusBar.styleDefault();
// We subscribe to the dismiss observable of the service
this.myCustomService.dismiss.subscribe((value) => {
this.navController.setRoot(HomePage);
});
});
}
Remember to add it in the ionicBootstrap
of your app:
ionicBootstrap(MyApp, [MyCustomService, ...], {
//statusbarPadding: true
});
Or, following the Angular2 Style Guide, add it as a provider
in the top-most component (MyApp in this case):
@Component({
templateUrl: 'build/app.html',
directives: [...],
providers: [MyCustomService]
})
class MyApp {
// ...
}