Custom component inside loading overlay content?

Hi,

I need to place one of my custom components inside loading content, like this:

showCountDownOverlay () {
    let loading = Loading.create({
        content: '<count-down initial="10"></count-down>'
    });
    this.nav.present(loading)
}

HTML elements work fine within loading content but not directives or components.

I’m missing something? There is a way to do this?

Thanks in advance.

can you provide a minimal demo in github repo?

Loading uses [innerHTML], so I don’t think directives are going to work.

Yes, there is:

PD: It’s the first time I create a repository on GitHub, so I don’t know if I’ve done the right way.

I am trying to do something similar with no luck…
@mhartington I have cloned the repo but the overlay countdown is not showing… what beta version did you do this on?