Ionic的Spinner警告

Question

我想在子标题中使用一个带有旋转图标的警告框，就像这样:

我试过了，但没有成功:

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

有什么想法吗？

- ramiromd

---

你能展示一下你的模板吗？ - brijmcq

Answer 1

很遗憾，Ionic 2的AlertController默认没有提供在标题/副标题属性中嵌入HTML代码的方法。如果您只在加载某些内容时使用此警报，我建议您使用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 的原生默认外观。值得一看他们的 API 文档： https://ionicframework.com/docs/api/components/loading/LoadingController/

- Gabcvit

---

我使用了 loadingCtrl 和 alertCtrl，以便在单击背景时显示提示警报。如果用户点击“是”，则取消我的订阅；如果用户点击“否”，则重新运行我的订阅。 - giovannipds