2015-10-29 80 views
5

所以当我点击按钮时,我的整个浏览器窗口变黑,并且没有任何弹出窗口出现。当我检查元素。当鼠标悬停在它上面时,我可以看到弹出的轮廓,但内容不在那里。角度材质对话框弹出不显示

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> 
+0

不能复制给你上面显示〜http://plnkr.co/edit/m9slJdMh5hiBYKBvwQth?p=preview什么。必须有其他的东西导致这个问题,也许你的CSS? – Phil

回答

1

你必须定义DialogController。

添加到您的代码:

function DialogController($scope, $mdDialog) { 

//whatever functions you want to define 

}