Ionic modal view only displays overlay

ionic-v1
1

Hi all,

I have issues with the ionic modal view :

$ionicModal.fromTemplateUrl(‘app/home/modal/propose_asgm.html’, {
scope: $scope
}).then(function(modal) {
$scope.modal = modal;
});

$scope.propose_assignment = function () {
$scope.modal.show();
}

when i ng-click propose_assignment() it only shows the black overlay without the html page popup.

How can i resolve this?

Thanks!

2

Depends how your modal template looks like.

3

Ok sure, this is how it look like.

Login

Close
4

When this has happened to me, it has been caused by malformed HTML, something like a missing </ div> can really mess-up a modal box.

HTH

5

please read docs before using ionic stuff:
http://ionicframework.com/docs/api/service/$ionicModal/

you modal template should look like this:

<ion-modal-view>
  <ion-content>
    Hello!
    // your content
  </ion-content>
</ion-modal-view>