Ionic controller里的代码只能运行一次

最新推荐文章于 2020-11-30 08:08:01 发布

原创最新推荐文章于 2020-11-30 08:08:01 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ionic #controll

javascript 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了解决Ionic框架中视图缓存导致的controller只执行一次的问题。提供了两种解决方案：一是使用$ionicView.enter事件确保代码每次页面加载时执行；二是通过设置ui-router的状态配置中的cache属性为false来禁用缓存。

解决办法

$scope.$on('$ionicView.enter', function(e) {

    //你要执行的代码放里面，这样保证每次都会执行

});

或者，

在ui-router里面禁止cache,加上cache:false

...
.state('tab.somepage', {
    url: '/somepage',
    cache:false, //加一句
    templateUrl: 'somepage.html'
    })
...

原因，引用Ionic官方文档：

因为Ionic的新的视图缓存，controller只会在创建的时候调用一次，而不是每次页面变化时

With the new view caching in Ionic, Controllers are only called when they are recreated or on app start, instead of every page change.

就说之前为什么controller只能激活一次，好烦