そのため、ボタンをクリックすると、ブラウザ ウィンドウ全体が真っ暗になり、ポップアップは表示されません。要素を検査すると。マウスを合わせるとポップアップのアウトラインが表示されますが、コンテンツは表示されません。
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>
レビューフォーム html
<md-dialog>
<md-dialog-content>
<h1>;lkasdjf;lkasdjf;lkajsdf;lkajdf</h1>
</md-dialog-content>
</md-dialog>