';
+ if (msie <= 8) {
+ // MSIE ヽ(｀Д´)ﾉ
+ message = 'Illegal use of ngTransclude directive in the template! No parent directive that '
+ + 'requires a transclusion found. Element:
';
+ }
+ expect(function() {
+ element = $compile('
content
')($rootScope);
+ $rootScope.$apply();
+ }).toThrowMinErr('ngTransclude', 'orphan', message);
+ });
+ });
+
it('should make the result of a transclusion available to the parent directive in post-linking phase' +
'(template)', function() {
module(function() {
@@ -3982,6 +4064,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: 'A',
+ templateUrl: 'transAsync',
+ transclude: true
+ }));
+
+ $compileProvider.directive('iso', valueFn({
+ restrict: 'A',
+ transclude: true,
+ template: '
',
+ scope: {}
+ }));
+ $compileProvider.directive('isoAsync1', valueFn({
+ restrict: 'A',
+ transclude: true,
+ template: '
',
+ scope: {}
+ }));
+ $compileProvider.directive('isoAsync2', valueFn({
+ restrict: 'A',
+ 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);
+ });
+ });
+ });
});
@@ -4318,6 +4576,57 @@ describe('$compile', function() {
expect(element.text()).toBe('-->|x|');
}));
+
+
+ // See https://github.com/angular/angular.js/issues/7183
+ it("should pass transclusion through to template of a 'replace' directive", function() {
+ module(function() {
+ directive('transSync', function() {
+ return {
+ transclude: true,
+ link: function(scope, element, attr, ctrl, transclude) {
+
+ expect(transclude).toEqual(jasmine.any(Function));
+
+ transclude(function(child) { element.append(child); });
+ }
+ };
+ });
+
+ directive('trans', function($timeout) {
+ return {
+ transclude: true,
+ link: function(scope, element, attrs, ctrl, transclude) {
+
+ // We use timeout here to simulate how ng-if works
+ $timeout(function() {
+ transclude(function(child) { element.append(child); });
+ });
+ }
+ };
+ });
+
+ directive('replaceWithTemplate', function() {
+ return {
+ templateUrl: "template.html",
+ replace: true
+ };
+ });
+ });
+
+ inject(function($compile, $rootScope, $templateCache, $timeout) {
+
+ $templateCache.put('template.html', '
Content To Be Transcluded
');
+
+ expect(function() {
+ element = $compile('
')($rootScope);
+ $timeout.flush();
+ }).not.toThrow();
+
+ expect(element.text()).toEqual('Content To Be Transcluded');
+ });
+
+ });
});
diff --git a/test/ng/directive/ngIfSpec.js b/test/ng/directive/ngIfSpec.js
index 771e264a9a73..3a8beaef4b3b 100755
--- a/test/ng/directive/ngIfSpec.js
+++ b/test/ng/directive/ngIfSpec.js
@@ -199,6 +199,28 @@ describe('ngIf and transcludes', function() {
dealoc(element);
});
});
+
+
+ it('should use the correct transcluded scope', function() {
+ module(function($compileProvider) {
+ $compileProvider.directive('iso', valueFn({
+ link: function(scope) {
+ scope.val = 'value in iso scope';
+ },
+ restrict: 'A',
+ transclude: true,
+ template: '
',
+ scope: {}
+ }));
+ });
+ inject(function($compile, $rootScope) {
+ $rootScope.val = 'transcluded content';
+ var element = $compile('
')($rootScope);
+ $rootScope.$digest();
+ expect(trim(element.text())).toEqual('val=value in iso scope-transcluded content');
+ dealoc(element);
+ });
+ });
});
describe('ngIf animations', function () {