How to replace the element with ng-transclude

Question

Is it possible to replace the element with ng-transclude on it rather than the entire template element?

HTML:

Answer 1

I think the best solution would probably be to create your own transclude-replace directive that would handle this. But for a quick and dirty solution to your example you could essentially manually place the result of the transclusion where you want:

my-transcluded-directive.html:

    I WILL BE REPLACED
    
I will not be touched.

Directive:

return {
    restrict:'A',
    templateUrl:'templates/my-transcluded-directive.html',
    transclude:true,
    link:function(scope,element,attrs,ctrl, transclude)
    {
         element.find('span').replaceWith(transclude());
    }
};