微调警报离子

Question

我希望在subTitle中显示一个带有微调器的警报，如：

我尝试了，没有成功：

this.alertCtrl.create({
   title: 'Verificando',
   subTitle: '<ion-spinner name="dots"></ion-spinner> foo bar'
});

有什么想法吗？

Answer 1

不幸的是，Ionic 2的AlertController默认情况下不提供将HTML代码嵌入title / subtitle属性的方法。只有在装载东西时才会使用此警报吗？ 在这种情况下，我建议你使用LoadingController组件，使用LoadingController可以插入html嵌入代码作为内容属性。

例如，在这种情况下，我在类.sp .sp-slices上创建了一个自定义CSS动画，我在名为loadingCtrl的LoadingController变量上插入：

this.loading = this.loadingCtrl.create({
            spinner: 'hide',
            content: '<div class="sp sp-slices"></div>'
          });
this.loading.present();

使用它应该为您提供足够的灵活性，以便将LoadingController组件调整为完全符合您的需要。

Ionic 2还提供其他LoadingController设计，更接近Android iOS和Windows Phone的原生默认外观。值得一看的是他们的API文档： https://ionicframework.com/docs/api/components/loading/LoadingController/