ionic1在加载之前等待下一个视图的http响应

时间:2017-02-15 15:28:47

标签: angularjs ionic-framework

我正在使用ionic创建一个应用程序,当我更改视图时,通过http请求从api检索数据我在控制器的数据完全加载之前看到了视图:

enter image description here

如何加载下一个控制器的数据以仅查看最终结果:

enter image description here

这里是开始更改视图的按钮:

<ion-item class="item-thumbnail-left item-icon-right" ng-repeat="inscription in inscriptions" ng-click="loadActiProfil({{inscription}})" href="#/app/activite">

提前谢谢

1 个答案:

答案 0 :(得分:0)

您不应该等待HTTP响应在UX透视图上开始导航转换。 ionic提供了一种名为$ionicLoading的服务,允许显示和隐藏微调器(带有黑色和透明背景)。您可以使用它来让您的用户明白他/她应该等待。但是我的个人观点足够了。

根据您的需要:

  • 不要使用href更改当前状态,而是使用ui-sref,因为它应该使用angular-ui路由器(当然,也就是离子路由器)来完成。注意:ui-sref需要州名称而不是URI(例如,"app.home")。
  • 使用您的方法loadActiProfil,只有在您的数据可用后,才能以编程方式从之前的状态切换到新状态,这要归功于服务$state及其方法go(即:{ {1}}会将您带到州app.home)

TL; DR:如果您需要以编程方式切换当前状态,请使用$state.go('app.home'),而不是$state.go(stateName)(也不是ui-sref)。