Given a custom directive called 'wrap-input':
scope: {},
transclude: 'element',
template: '<div>' +
'<ng-transclude></ng-transclude>' +
'</div>'
When used like this:
<input wrap-input></input>
The expected result is to have the input element transcluded and wrapped in a div, following the template. However, instead of that, a comment is left behind without being replaced. How can we get the directive to properly apply the template where the transcluded element should be?
Expected Output:
<div>
<input wrap-input></input>
</div>
Actual Output:
<!-- wrapInput: -->