Is it possible to express an "optional" parent element that is rendered or not?

Let’s say I have some html/aurelia components like this:


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.