Strange behaviour of back button in nested view


I have a problem with nested view.
Back button overlays two parent component into each other (check the Video)

It happens when i use ngOnInit

ngOnInit() {
    this.networkServices.loadAccounts().then(res => {

here is the piece of code that i use:

  templateUrl: 'build/pages/accounts/accounts.html'

export class AccountsPage {
    loader = this.loadingCtrl.create({
     content: 'Please wait...'
        public actionSheetCtrl: ActionSheetController,
        public loadingCtrl: LoadingController,
        public networkServices: NetworkServices,
        public alertCtrl: AlertController,
        public app: App,
        public modalCtrl: ModalController,
        public navCtrl: NavController
    ) { }

    onActionSelect(account, action) {
        if (action.code !== 'More') {
            this['handleAction_' + action.code](action);
        } else {
    handleAction_1002(action) {
        this.navCtrl.push(Statements, action);


Hmm, could you test something for me, could you remove the loading indicator? I have an suspicion that it is causing the issues, since it is also part of NavController.

I wrapped the loader into setTimeout(()=>{},200); and it works fine now…

I’ll go a bit off topic, but could you give me some advices for implementing nested views in ionic 2?