Как ждать дочерней директивы рендера?

У меня есть директива, которая использует другую директиву:

<div style="border:2px solid black;height:150px;padding:10px">
     <my-internal-directive></my-internal-directive>
     <my-internal-directive></my-internal-directive>
     <my-internal-directive></my-internal-directive>
</div>

Внутренняя директива:

<h2>foo</h2>

Внутренний контроллер:

internalDirectiveModule.directive('myInternalDirective', function($document){
    return {
      restrict:'E',
      scope: {},
      //templateUrl: 'myInternalDirective.html',    // EXTERNAL directive render first
      template: '<h2>foo</h2>',                     // INTERNAL directive render first
      link: function(scope, element){
        $document.find('body').append('<h1>internal directive\n');
      }  
    };
});

Проблема в том, что я использую templateUrl для внутренней директивы, которую создает внешняя, но когда я использую template - сначала создается внутренняя директива. Мне нужно получить данные из внутренней директивы внутри внешнего после того, как внутренняя визуализация (метод link вызывается), но я не могу достичь такого поведения, потому что я предполагаю использовать только templateUrl. Как я могу получить данные из рендеринговой дочерней директивы внутри метода link родительского?

DEMO