<!doctype html>
<html ng-app="testApp">
<head>
  <script src="angular-expose-isolate-scopes.js"></script>
  <script>
    angular.module('testApp', [])
      .controller('TestCtrl', function ($scope) {
        $scope.person = 'bob';
        $scope.other = 'bob';
      })
      .directive('myTransDir', function () {
        return {
          restrict: 'E',
          template: '{{that}} pre-trans' +
            '<div ng-transclude></div>' +
            'post-trans {{that}}',
          transclude: true,
          scope: {
            that: '=this'
          }
        };
      });
  </script>
</head>
<body ng-controller="TestCtrl">
  <my-trans-dir this="person">
    this is inside
  </my-trans-dir>
</body>
</html>
