Angular Material Dialogポップアップが表示されない

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 

}