title: How to open a page from a URL inside $mdDialog?
body: <p>I have the following angular controller:</p>
  
  <pre><code>.controller('DialogController', function($scope, $mdDialog, $http) {
      $scope.status = '  ';
      $scope.showAdvanced = function(ev) {
          $mdDialog.show({
              controller: DialogController,
              template: '&lt;md-dialog&gt;' +
                  '  &lt;md-dialog-content&gt;' +
                  '    {{data}}' +
                  '  &lt;/md-dialog-content&gt;' +
                  '&lt;/md-dialog&gt;',
              parent: angular.element(document.body),
              targetEvent: ev,
              clickOutsideToClose:true
          })
          function DialogController($scope, $mdDialog) {
              $http.get('http://www.example.com/page/test/test?id=10475').success(function(data) {
                  $scope.data = data;
                  $scope.closeDialog = function() {
                      var mainApp = angular.element(document.body).controller();
                      $mdDialog.hide();
                  }
              }).error(function(data, status, headers, config) {
                  console.log("Error in retrieving data from server");
              });
          }
      };
  });
  </code></pre>
  
  <p>I want to open a page from a url inside my Dialog. I tried to get the page but I got the complete HTML of my page. How can I open the page from the URL (<code>$http.get</code>) inside my <code>$mdDialog</code> as if it is like an iframe?</p>