Having some trouble with navigation in nested views


#1

I’ve set up a quick codepen example to illustrate my difficulty.

When navigating from cart.items to cart.checkout the first view is covering the second.

I would appreciate any guidance with this one. Thanks, Haki.


#2

Hi Haki,

I think you have slightly misunderstood nested views. Within the parent abstract state you should have only have one ion-nav-view which you then ‘inject’ either the list or checkout view into. Therefore the following code:


shoult just be…

(or similar)

then change both your list and checkout view to reference the home-view.

Hope this helps


#3

Sorry code went missing… basically just put in one ion-nav-view called ‘home-view’ or similar into parent abstract state and then reference that in both your list and checkout states.


#4

Hey @pspivey, I do have some misunderstanding with the router.

I’m not sure I understand exactly what you mean by reference it in the nested view. Do you mind adding those code snippets ?

Thanks,Haki.


#5

Hi Haiki,

Let me try again… Apologies only just got on to CodePen. See the link below.

Hope that solves it.


#6

Thanks @pspivey.
That did the trick !