user-interface – 微调器警报Ionic

2023年10月20日 212次阅读

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

《user-interface – 微调器警报Ionic》

我试了一下,没有成功：

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

有任何想法吗 ？

最佳答案 不幸的是,Ionic 2的AlertController默认情况下不提供在标题/副标题属性中嵌入HTML代码的方法.只有在装载东西时才会使用此警报吗？

在这种情况下,我建议您使用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/

点赞