Angular Material Dialog popup not showing

Question

So when I click the button, my whole browser window goes black and there isn't any popup showing up. When I inspect element. I can see the outline of the pop up when my mouse hover overs it but the content is not there.

app.controller('HomeController', function($scope, $timeout, mapboxService, $mdDialog) {
   $scope.showAdvanced = function(ev){
    $mdDialog.show({
        controller: DialogController,
        templateUrl: 'views/reviewForm.html',
        parent:angular.element(document.body),
        targetEvent: ev,
        clickOutsideToClose:true
    })
};
});

html

<div id="popupContainer">
   <md-button ng-click="showAdvanced($event)" flex="100">Add a Review</md-button>
 </div>

reviewForm html

<md-dialog>
<md-dialog-content>

    <h1>;lkasdjf;lkasdjf;lkajsdf;lkajdf</h1>

</md-dialog-content>
</md-dialog>

Cannot reproduce it given what you've shown above ~ plnkr.co/edit/m9slJdMh5hiBYKBvwQth?p=preview. There must be something else causing the problem, maybe your CSS? — Phil
– Phil, Commented Oct 29, 2015 at 0:46

Mohamed dev · Accepted Answer · 2016-09-20 13:55:18Z

1

you have to define DialogController.

add this to your code:

function DialogController($scope, $mdDialog) {

//whatever functions you want to define

}

answered Sep 20, 2016 at 13:55

Mohamed dev

1721 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular Material Dialog popup not showing

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related