An AngularJS directive to transclude while using the contextual scope.

scoped-transclude.directive.js

'use strict';

module.exports = /*@ngInject*/ function scopedTransclude() {

	return {
		link: function postLink(scope, iElement, iAttributes, controller, transclude) {
			if (!transclude) {
				throw minErr('ngTransclude')('orphan',
					'Illegal use of ngTransclude directive in the template! ' +
					'No parent directive that requires a transclusion found. ' +
					'Element: {0}',
					startingTag($element));
			}

			var innerScope = scope.$new();
			transclude(innerScope, function (clone) {
				iElement.empty();
				iElement.append(clone);
				iElement.on('$destroy', function () {
					innerScope.$destroy();
				});
			});
		}
	};

};