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

Closes #8914 Closes #8925
angular · Sep 4, 2014 · 466320f · 466320f
1 parent 7e02fa0
commit 466320f
Show file tree

Hide file tree

Showing 2 changed files with 35 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,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) {