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

If you don't have to support IE and Edge you can use display:contents in your css. That will destroy the wrapper on the level of css.

You can read more about this new display propertie here: https://css-tricks.com/get-ready-for-display-contents/

Current browser support (hope to see Edge support in the future): https://caniuse.com/#feat=css-display-contents