Example of directive with the use of transcludeFn

directve.transclude

'use strict';

angular.module('angularjs.module')

  .directive('multiSelect', function ($modal, $templateCache, gettextCatalog) {

    return {
      restrict: 'A',
      priority: 1000,
      scope: {
        dataLength: '@length',
        title: '@'
      },
      transclude: true,
      templateUrl: '/components/common/multiSelect.html',
      link: function (scope, iElement, attr, ctrl, transclude) {
        iElement.find('.transcluded').append(transclude(scope.$parent, angular.noop));

        scope.showModal = function () {
          var modal = $modal({
            title: scope.title || gettextCatalog.getString('Select options'),
            template: '/components/common/multiSelectModal.html',
            show: false
          });

          modal.$promise.then(function () {
            modal.show();
            $('#id-multiselect-modal .modal-body').append(transclude(scope.$parent, angular.noop));
          });
        };
      }
    };
  });