以编程方式添加ionic-spinner

Question

我有一个名为ImgCache的指令（这是自我解释的）。

现在，我正在显示图像所在的空白区域，同时正在下载和存储图像。我想在此占位符内显示<ion-spinner></ion-spinner>以指示图像将很快显示。

我正在从指令中添加它，编程方式如下：

this.el.nativeElement.insertAdjacentHTML('afterend', `
    <div style="width;height;etc">
        <ion-spinner></ion-spinner>
    </div>
`)

但离子旋转器现在正在显示。使用AngularJS我必须做这样的事情：$compile(element.contents())(scope)

Angular（4）

中的等价物