角度材質對話框彈出不顯示

Question

所以當我點擊按鈕時，我的整個瀏覽器窗口變黑，並且沒有任何彈出窗口出現。當我檢查元素。當鼠標懸停在它上面時，我可以看到彈出的輪廓，但內容不在那裏。

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> 

Answer 1

你必須定義DialogController。

添加到您的代碼：

function DialogController($scope, $mdDialog) { 

//whatever functions you want to define 

}