2015-10-29 3 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 

} 
Смежные вопросы