fix($compile): render nested transclusion at the root of a template

Closes angular#8914

Author: petebacondarwin

src/ng/compile.js

@@ -997,6 +997,10 @@ function $CompileProvider($provide, $$sanitizeUriProvider) {
           ? JQLitePrototype.clone.call(namespaceAdaptedCompileNodes) // IMPORTANT!!!
           : namespaceAdaptedCompileNodes;
 
+        if ( $linkNode.length === 0 && parentBoundTranscludeFn ) {
+          $linkNode = parentBoundTranscludeFn(scope);
+        }
+
         if (transcludeControllers) {
           for (var controllerName in transcludeControllers) {
             $linkNode.data('$' + controllerName + 'Controller', transcludeControllers[controllerName].instance);

test/ng/compileSpec.js

@@ -4927,6 +4927,37 @@ describe('$compile', function() {
       });
 
 
+      describe('collocated nested transcludes', function() {
+
+        beforeEach(module(function($compileProvider) {
+
+          $compileProvider.directive('inner', valueFn({
+            restrict: 'E',
+            transclude: true,
+            template: '<u ng-transclude></u>'
+          }));
+
+          $compileProvider.directive('outer', valueFn({
+            restrict: 'E',
+            transclude: true,
+            template: '<a href="#"><inner ng-transclude></inner></a>'
+          }));
+
+        }));
+
+
+        // Issue #8914
+        it('should render nested transclusion at the root of a template', inject(function($compile, $rootScope) {
+
+          element = $compile('<div><outer>transcluded content</outer></div>')($rootScope);
+          $rootScope.$digest();
+          expect(element.text()).toEqual('transcluded content');
+
+        }));
+
+      });
+
+
       describe('nested transcludes', function() {
 
         beforeEach(module(function($compileProvider) {