使用制表符时,视图不会在离子状态下更新

时间:2016-11-11 05:47:10

标签: javascript angularjs cordova ionic-framework

我正在为我的实时应用程序使用Web套接字。一切正常。但最近我陷入了困境。我在底部有3个标签,当我切换到这三个标签中的一个时,我的视图中有2个子标签。在这个视图中,我无法在套接字广播上更新我的内容。

我可以看到来自服务器的套接字广播,但内容不会更新,直到我切换标签或拉下离子内容进行刷新。

我尝试了$ apply / safeApply和$ timeout但没有任何效果。但是,如果我回想起/重新加载我当前的视图,它会更新,但这对我来说并不好看,因为它会产生白色闪光。

3 个答案:

答案 0 :(得分:0)

有很多方法可以解决这个问题...

此链接实现了最佳方式

http://codepen.io/mhartington/pen/Djfdo

设置 cache-view =“false”

你必须设置你的视图

<ion-view  cache-view="false">

另一种解决方案

每次进入您的视图,您都可以重新加载数据

$scope.$on("$ionicView.enter", function(event, data){
   // Load Your Data

});

答案 1 :(得分:0)

可能与缓存的视图有关。请参阅documentation on ion-nav-view(向下滚动到&#34;缓存&#34;部分),了解如何解决此问题。

答案 2 :(得分:0)

HI Muhammad Mehdi Raza,

在选项卡中,url以超链接(href)的形式给出,而不是使用超链接在选项卡上使用click事件并在控制器中编写函数,并使用$ state.go方法导航到特定的,这将在单击特定选项卡时重新加载页面