');
+
+ // This is just to demonstrate that ng-transclusion gets propagated.
+ if (elm) {
+ $rootScope.$digest();
+
+ var ngTransludeInsideNoTransBarDirective = angular.element(elm[0].querySelector('[no-trans-bar] [ng-transclude]'));
+ expect(ngTransludeInsideNoTransBarDirective.text()).toBe('');
+
+ dealoc(elm);
+ }
+ });
+ });
+
+
+ it('should not pass transclusion into a templateUrl directive', function() {
+
+ module(function($compileProvider) {
+
+ $compileProvider.directive('transFoo', valueFn({
+ template: '
',
+ transclude: true
+
+ }));
+
+ $compileProvider.directive('noTransBar', valueFn({
+ templateUrl: 'noTransBar.html',
+ transclude: false
+
+ }));
+ });
+
+ inject(function($compile, $rootScope, $templateCache) {
+ $templateCache.put('noTransBar.html',
+ '
')($rootScope);
+ $rootScope.$apply();
+ }).toThrowMinErr('ngTransclude', 'orphan',
+ 'Illegal use of ngTransclude directive in the template! No parent directive that requires a transclusion found. Element:
');
+ });
+ });
+
it('should make the result of a transclusion available to the parent directive in post-linking phase' +
'(template)', function() {
module(function() {
@@ -4112,6 +4193,182 @@ describe('$compile', function() {
});
});
+
+
+ describe('nested transcludes', function() {
+
+ beforeEach(module(function($compileProvider) {
+
+ $compileProvider.directive('noop', valueFn({}));
+
+ $compileProvider.directive('sync', valueFn({
+ template: '
',
+ transclude: true
+ }));
+
+ $compileProvider.directive('async', valueFn({
+ templateUrl: 'async',
+ transclude: true
+ }));
+
+ $compileProvider.directive('syncSync', valueFn({
+ template: '
',
+ transclude: true
+ }));
+
+ $compileProvider.directive('syncAsync', valueFn({
+ template: '
',
+ transclude: true
+ }));
+
+ $compileProvider.directive('asyncSync', valueFn({
+ templateUrl: 'asyncSync',
+ transclude: true
+ }));
+
+ $compileProvider.directive('asyncAsync', valueFn({
+ templateUrl: 'asyncAsync',
+ transclude: true
+ }));
+
+ }));
+
+ beforeEach(inject(function($templateCache) {
+ $templateCache.put('async', '
');
+ $templateCache.put('asyncSync', '
');
+ $templateCache.put('asyncAsync', '
');
+ }));
+
+
+ it('should allow nested transclude directives with sync template containing sync template', inject(function($compile, $rootScope) {
+ element = $compile('
transcluded content
')($rootScope);
+ $rootScope.$digest();
+ expect(element.text()).toEqual('transcluded content');
+ }));
+
+ it('should allow nested transclude directives with sync template containing async template', inject(function($compile, $rootScope) {
+ element = $compile('
transcluded content
')($rootScope);
+ $rootScope.$digest();
+ expect(element.text()).toEqual('transcluded content');
+ }));
+
+ it('should allow nested transclude directives with async template containing sync template', inject(function($compile, $rootScope) {
+ element = $compile('
transcluded content
')($rootScope);
+ $rootScope.$digest();
+ expect(element.text()).toEqual('transcluded content');
+ }));
+
+ it('should allow nested transclude directives with async template containing asynch template', inject(function($compile, $rootScope) {
+ element = $compile('
transcluded content
')($rootScope);
+ $rootScope.$digest();
+ expect(element.text()).toEqual('transcluded content');
+ }));
+ });
+
+
+ describe('nested isolated scope transcludes', function() {
+ beforeEach(module(function($compileProvider) {
+
+ $compileProvider.directive('trans', valueFn({
+ restrict: 'E',
+ template: '
',
+ transclude: true
+ }));
+
+ $compileProvider.directive('transAsync', valueFn({
+ restrict: 'E',
+ templateUrl: 'transAsync',
+ transclude: true
+ }));
+
+ $compileProvider.directive('iso', valueFn({
+ restrict: 'E',
+ transclude: true,
+ template: '
',
+ scope: {}
+ }));
+ $compileProvider.directive('isoAsync1', valueFn({
+ restrict: 'E',
+ transclude: true,
+ template: '
',
+ scope: {}
+ }));
+ $compileProvider.directive('isoAsync2', valueFn({
+ restrict: 'E',
+ transclude: true,
+ templateUrl: 'isoAsync',
+ scope: {}
+ }));
+ }));
+
+ beforeEach(inject(function($templateCache) {
+ $templateCache.put('transAsync', '
');
+ $templateCache.put('isoAsync', '
');
+ }));
+
+
+ it('should pass the outer scope to the transclude on the isolated template sync-sync', inject(function($compile, $rootScope) {
+
+ $rootScope.val = 'transcluded content';
+ element = $compile('
')($rootScope);
+ $rootScope.$digest();
+ expect(element.text()).toEqual('transcluded content');
+ }));
+
+ it('should pass the outer scope to the transclude on the isolated template async-sync', inject(function($compile, $rootScope) {
+
+ $rootScope.val = 'transcluded content';
+ element = $compile('
')($rootScope);
+ $rootScope.$digest();
+ expect(element.text()).toEqual('transcluded content');
+ }));
+
+ it('should pass the outer scope to the transclude on the isolated template async-async', inject(function($compile, $rootScope) {
+
+ $rootScope.val = 'transcluded content';
+ element = $compile('
')($rootScope);
+ $rootScope.$digest();
+ expect(element.text()).toEqual('transcluded content');
+ }));
+
+ });
+
+ describe('multiple siblings receiving transclusion', function() {
+
+ it("should only receive transclude from parent", function() {
+
+ module(function($compileProvider) {
+
+ $compileProvider.directive('myExample', valueFn({
+ scope: {},
+ link: function link(scope, element, attrs) {
+ var foo = element[0].querySelector('.foo');
+ scope.children = angular.element(foo).children().length;
+ },
+ template: '
' +
+ '
myExample {{children}}!
' +
+ '
has children
' +
+ '
' +
+ '
',
+ transclude: true
+
+ }));
+
+ });
+
+ inject(function($compile, $rootScope) {
+ var element = $compile('
')($rootScope);
+ $rootScope.$digest();
+ expect(element.text()).toEqual('myExample 0!');
+ dealoc(element);
+
+ element = $compile('
')($rootScope);
+ $rootScope.$digest();
+ expect(element.text()).toEqual('myExample 1!has children');
+ dealoc(element);
+ });
+ });
+ });
});
diff --git a/test/ng/directive/ngIfSpec.js b/test/ng/directive/ngIfSpec.js
index 65c6733ee202..dd24f726dcfe 100755
--- a/test/ng/directive/ngIfSpec.js
+++ b/test/ng/directive/ngIfSpec.js
@@ -199,6 +199,25 @@ describe('ngIf and transcludes', function() {
dealoc(element);
});
});
+
+
+ it('should use the correct transcluded scope', function() {
+ module(function($compileProvider) {
+ $compileProvider.directive('iso', valueFn({
+ restrict: 'E',
+ transclude: true,
+ template: '
',
+ scope: {}
+ }));
+ });
+ inject(function($compile, $rootScope) {
+ $rootScope.val = 'transcluded content';
+ var element = $compile('
')($rootScope);
+ $rootScope.$digest();
+ expect(trim(element.text())).toEqual('transcluded content');
+ dealoc(element);
+ });
+ });
});
describe('ngIf animations', function () {
diff --git a/test/ng/directive/ngRepeatSpec.js b/test/ng/directive/ngRepeatSpec.js
index e267e0e9b029..039e2f65ef30 100644
--- a/test/ng/directive/ngRepeatSpec.js
+++ b/test/ng/directive/ngRepeatSpec.js
@@ -1139,6 +1139,26 @@ describe('ngRepeat and transcludes', function() {
dealoc(element);
});
});
+
+
+ it('should use the correct transcluded scope', function() {
+ module(function($compileProvider) {
+ $compileProvider.directive('iso', valueFn({
+ restrict: 'E',
+ transclude: true,
+ template: '
',
+ scope: {}
+ }));
+ });
+ inject(function($compile, $rootScope) {
+ $rootScope.val = 'transcluded content';
+ var element = $compile('
')($rootScope);
+ $rootScope.$digest();
+ expect(trim(element.text())).toEqual('transcluded content');
+ dealoc(element);
+ });
+ });
+
});
describe('ngRepeat animations', function() {