Ion-nav-buttons in modal


#1

I’ve made a reusable modal template for my app that wraps arbitrary html. I would like to do something like ion-nav-buttons and ion-nav-header. For example, with ion-nav-header, you can define the ion-nav-buttons directive in the view, and they will be inserted into the header. I would like to be able to define the buttons in the arbitrary html so they will be inserted into the modal template’s header. Is there a way to do this?


#2

Here’s an old post that may be helpful:


#3

Thanks for the reply, but according to Ion-nav-bar invisible inside modal from that thread, it’s not supported, and there are no plans to support it. What I ended up doing was using $ionicModal.fromTemplate(). Before wrapping my content in the modal template, I stripped out the buttons and inserted them in the right spot in the template. Kind of hackish, but it’ll work for now. Thanks again for the reply.


#4

Yep, having nested navigations inside a modal are not supported at the moment. Just a limitation of ui-router.