2015-10-29 7 views
5

Wenn ich also auf die Schaltfläche klicke, wird mein gesamtes Browserfenster schwarz und es wird kein Popup angezeigt. Wenn ich Element überprüfe. Ich kann die Umrisse des Popups sehen, wenn meine Maus darüber schwebt, aber der Inhalt ist nicht da.Das Popup-Dialogfeld für das eckige Material wird nicht angezeigt

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

Kann es nicht reproduzieren gegeben, was Sie bisher über ~ http://plnkr.co/edit/m9slJdMh5hiBYKBvwQth?p=preview gezeigt. Es muss noch etwas anderes geben, vielleicht das CSS? – Phil

Antwort

1

Sie haben DialogController zu definieren.

diese zu Ihrem Code hinzu:

function DialogController($scope, $mdDialog) { 

//whatever functions you want to define 

}