user-interface - 微调器警报 ionic

我想在subTitle中显示带有微调框的警报，例如:ojita
我尝试了但没有成功:

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

有任何想法吗 ？

最佳答案

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

例如，在这种情况下，我在类.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的 native 默认外观更加接近。值得看看他们的API文档:
https://ionicframework.com/docs/api/components/loading/LoadingController/