微调警报离子

Question

我想展示一个微调的警报在这样的字幕：

我tryed，没有成功：

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

任何想法？

Answer 1

不幸的是来自Ionic 2的AlertController并没有提供默认的方式来将HTML代码嵌入标题/字幕属性中。这个警报是否仅在您加载内容时才使用？ 在这种情况下，我建议您使用加载控制器组件，通过加载控制器，可以插入HTML嵌入代码作为内容属性。

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

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/