Ionic2 LoadingController微调器动画无法正常工作

时间:2016-09-22 14:52:48

标签: ionic2 ionic3

我正在尝试使用 Ionic2 显示加载动画,以获取长期服务进度报告:

this.loading = this.loadingCtrl.create({
    content: 'Please wait...',
    spinner: 'ripple' // <<------ Is that correct?
});

this.loading.present();

结果是没有任何微调器的文本框。

这是2016年9月22日Ionic2使用最新的测试版(11),我实际上无法在任何地方找到任何上面的例子。这可能是未记录但尚未实​​施的未来特征吗?

我说的是Ionic2 LoadingController文件here

2 个答案:

答案 0 :(得分:2)

ripple是自定义微调器吗?否则,您可以检查默认可用的微调器here

ios 
ios-small   
bubbles 
circles 
crescent    
dots
  

微调器名称应该在spinner属性中传递,任何   可以在content属性中传递可选的HTML。 如果你不这样做   将值传递给微调器,加载指示器将使用微调器   由模式指定。要在应用程序中设置微调器名称,请设置   应用程序配置中的loadSpinner值。要隐藏微调器,请设置   loadingSpinner:&#39;隐藏&#39;在应用程序的配置或传递微调器:&#39;隐藏&#39;在   加载选项

所以另一种选择,就是根据这样的模式使用指定的spynner:

this.loading = this.loadingCtrl.create({
  content: 'Please wait...'
});

this.loading.present();

答案 1 :(得分:0)

可能是因为Ionic团队只是使用自定义微调器来扩展加载控件,这意味着你必须将SVG文件名放到属性中。

看起来很明显你可以放置一个内置的微调器名称。 然后,在所有装载机中使用相同的旋转器保持应用程序的设计笔直是合理的。猜猜在文档中可能更加粗犷......