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

Closes angular#8914 Closes angular#8925
petebacondarwin · Sep 4, 2014 · 930b013 · 930b013
1 parent 239d0b1
commit 930b013
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 0 deletions.
diff --git a/src/ng/compile.js b/src/ng/compile.js
@@ -847,6 +847,10 @@ function $CompileProvider($provide, $$sanitizeUriProvider) {
           ? JQLitePrototype.clone.call($compileNodes) // IMPORTANT!!!
           : $compileNodes;
 
+        if ( $linkNode.length === 0 && parentBoundTranscludeFn ) {
+          $linkNode = parentBoundTranscludeFn(scope);
+        }
+
         forEach(transcludeControllers, function(instance, name) {
           $linkNode.data('$' + name + 'Controller', instance);
         });

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