微调警报离子

Question

我想在 subTitle 中显示带有微调器的警报，例如：

我尝试过，但没有成功：

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

有任何想法吗 ？

Answer 1

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

例如，在本例中，我在类上创建了一个自定义 CSS 动画.sp .sp-slices，并将其插入到名为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/