Custom component as content in Ionic LoadingController

I’d created custom component (ex. ) which contains animated image (css animation) + text (getting text from attribute, ex. ).

I’m using it as as spinner while loading some blocks of data, but I’d like to use it also as a loading controller. Ionic docs said that I should just use:

  let loading = this.loadingCtrl.create({
    spinner: 'hide',
    content: `<my-component></my-component>`
  });
  loading.present();

It should show a loading with my animated image (from component), but I see only empty square. Is it possible to use custom component as a content of loader? Or is there any way, to make custom loading controller ?

2 Likes

I have this question as well.