Along with Transclude element, can i pass its scope too to a directive ?

Transclude allows us to pass in an entire template, including its scope, to a directive. Doing so gives us the opportunity to pass in arbitrary content and arbitrary scope to a directive.

HTML

<div ng-app='myApp' ng-controller="OutsideScope">
  <h1>{{externalWorld}}</h1>
  <div directive-box directive-title='{{directiveWorld}}' name='name'>
    <div>Inside Transclude Scope : {{name}}</div>
  </div>
</div>

CSS

.content div {
  border: 3px solid blue;
  padding: 5px;
  margin: 5px;
}

.dirContent {
  margin-bottom: 10px;
}

JavaScript

angular.module('myApp', [])
  .directive('directiveBox', function() {
    return {
      restrict: 'EA',
      scope: {
        title: '@directiveTitle',
        name: '='
      },
      transclude: true,
      template: '<div ng-controller="TransCtrl">\
      	<h2 class="header">{{ title }}</h2>\
				<div class="dirContent">Directive Element</div>\
				<div>Outside Transclude Scope : {{name}}</div>\
				<div class="content" ng-transclude></div>\
			</div>'
    }
  })
  .controller('TransCtrl', function($scope) {
    $scope.name = 'Transclude World'
  })
  .controller('OutsideScope', function($scope) {
    $scope.name = 'External World'
  })
  .run(function($rootScope) {
    $rootScope.externalWorld = 'External World',
      $rootScope.directiveWorld = 'Here comes directive'
  });