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?
Here’s an old post that may be helpful:
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.
Yep, having nested navigations inside a modal are not supported at the moment. Just a limitation of ui-router.