Let’s say I have some html/aurelia components like this:
<my-aurelia-component>
<some-html-or-aurelia-stuff></some-html-or-aurelia-stuff>
</my-aurelia-component>
The “my-aurelia-component” is actually a carousel, which we may or may not require to “activate”. Essentially the carousel is activated in popups due to space considerations, and not otherwise.
Is there anyway to “drop out” the <my-aurelia-component> when I don’t need it, without simply resorting to two divs using opposing if.bind expressions, and repeating all of the inner content (which is of course a maintenance issue, since they would need to remain identical)?
Our current approach is that our “carousel” is either “active” where it provides carousel-style presentation behaviours of the inner content, or it is dormant, I am not a huge fan of this approach.