Передача данных в $ mdDialog и использование в шаблоне html

Question

Я использую диалог $mdDialog и хочу динамический заголовок в шаблоне диалога. Я хочу отправить данные во всплывающем шаблоне. Это мой код диалога.

$scope.showAdvanced = function (ev, Title) { 
     $rootScope.tt = Title; 
     var useFullScreen = ($mdMedia('sm') || $mdMedia('xs')) && $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); 
     }); 
    }; 

Мой диалог контроллер

function DialogController($scope, $mdDialog) { 

    $scope.Title = Title; 
    $scope.hide = function() { 
     $mdDialog.hide(); 
    }; 
    $scope.cancel = function() { 
     $mdDialog.cancel(); 
    }; 
    $scope.answer = function (answer) { 
     $mdDialog.hide(answer); 
    }; 
} 

Теперь я хочу использовать титул в dialog1.tmpl.html шаблоне.

Answer 1

Вы должны вводить Title в контроллер вашего диалогового окна в

function DialogController($scope, $mdDialog, Title) { 

     $scope.Title = Title; 
     $scope.hide = function() { 
     $mdDialog.hide(); 
     }; 
     $scope.cancel = function() { 
     $mdDialog.cancel(); 
     }; 
     $scope.answer = function (answer) { 
     $mdDialog.hide(answer); 
     }; 
    }