title: Angular Material Dialog popup not showing
body: <p>So when I click the button, my whole browser window goes black and there isn't any popup showing up. When I inspect element. I can see the outline of the pop up when my mouse hover overs it but the content is not there.</p>
  
  <pre><code>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
      })
  };
  });
  </code></pre>
  
  <p>html</p>
  
  <pre><code>&lt;div id="popupContainer"&gt;
     &lt;md-button ng-click="showAdvanced($event)" flex="100"&gt;Add a Review&lt;/md-button&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>reviewForm html</p>
  
  <pre><code>&lt;md-dialog&gt;
  &lt;md-dialog-content&gt;
  
      &lt;h1&gt;;lkasdjf;lkasdjf;lkajsdf;lkajdf&lt;/h1&gt;
  
  &lt;/md-dialog-content&gt;
  &lt;/md-dialog&gt;
  </code></pre>