title: Passing data in $mdDialog and use in html template
body: <p>I am using <code>$mdDialog</code> dialog and want dynamic header in my dialog template.
  I want to send data in popup template. 
  This is my dialog code.</p>
  
  <pre><code>$scope.showAdvanced = function (ev, Title) {
          $rootScope.tt = Title;
          var useFullScreen = ($mdMedia('sm') || $mdMedia('xs')) &amp;&amp; $scope.customFullscreen;
          $mdDialog.show({
              controller: DialogController,
              templateUrl: 'setting/dialog1.tmpl.html',
              parent: angular.element(document.body),
              targetEvent: ev,
              clickOutsideToClose: true,
              fullscreen: useFullScreen,
              locals: { Title: Title },
          })
          .then(function (answer) {
              $scope.status = 'You said the information was "' + answer + '".';
          }, function () {
              $scope.status = 'You cancelled the dialog.';
          });
          $scope.$watch(function () {
              return $mdMedia('xs') || $mdMedia('sm');
          }, function (wantsFullScreen) {
              $scope.customFullscreen = (wantsFullScreen === true);
          });
      };
  </code></pre>
  
  <p>My dialog controller is</p>
  
  <pre><code>function DialogController($scope, $mdDialog) {
  
      $scope.Title = Title;
      $scope.hide = function () {
          $mdDialog.hide();
      };
      $scope.cancel = function () {
          $mdDialog.cancel();
      };
      $scope.answer = function (answer) {
          $mdDialog.hide(answer);
      };
  }
  </code></pre>
  
  <p>Now i want to use Title in <code>dialog1.tmpl.html</code> template.</p>