I have a directive that displays a map on a small corner of my app. But I would rather the map was large. A full screen would do. So I’m trying to use a modal. The modal shows fine and I can populate it with text, cards, basically anything and then close it.
But it doesn’t show my map. Though, the directive still works on every other screen which is not a modal.
<div class="modal"> <header class="bar bar-header"> <h1 class="title">Map</h1> <button class="button button-royal button-primary" ng-click="modal.hide()">Close</button> </header> <content has-header="true"> <div class="padding"> <item> <map location="place"></map> <!-- map is of course my map directive --> </item> </div> </content> </div>
Can a modal display a map ? If yes I’d be glad to get some pointers as to how to go about that.