javascript - Angular ui-router 中的$state.go()报错?
阿神
阿神 2017-04-11 10:59:28
[JavaScript讨论组]

当我不在回调函数中使用$state.go时,我的$state.go()正常工作

当我写了一个service,并把$state.go()写入success函数中时就会报错。

Cannot read property 'go' of undefined

下面是部分代码


$scope.logOut = function($state) {
    logOutService.logout().success(function() {
        alert('hahahhahah');
        ls.remove("userdata");
        $state.go('login');// 这一句报错
        $rootScope.isLogin = false;
    }).error(function() {
      alert('登出失败');
    })
}

有没有遇到相似问题的? 我在stackoverflow上找到的答案尝试了都没什么用。

阿神
阿神

闭关修行中......

全部回复(2)
巴扎黑

你需要在controller里注入$state服务,在controller内都调用注入的$state,而不是再声明一次。
要理解这点,你可能需要了解一下什么叫做“依赖注入”。
并且,似乎你需要理解Javascript中变量的作用域,或者说是闭包的概念。被注入的$state的作用域,涵盖整个Controller,包括Controller内的各种函数内。
从本质上说,你在函数中声明了一个名为$state的参数,也就是覆盖了外部作用域那个被你注入的$state,所以在函数内部用$state就会出问题。解决方法就是不要声明这个参数。

PHP中文网

你的success回调里干嘛要重置$state变量啊?

success(function($state)

把这个变量去掉,再试试

补充

$scope.logOut = function($state) {
      //你这里在调用方法时,有手动传入$state参数么?没有的话你这是玩的什么?
     //依赖注入也不在这做啊,应该写在controller里
      logOutService.logout().success(function($state) {
         //这里就更想入非非了了,我就不信你的logOut返回的是$state?
         alert('hahahhahah'); 
         ls.remove("userdata"); 
         $state.go('login');// 这一句报错
         $rootScope.isLogin = false;
     }).error(function() { 
         alert('登出失败'); 
     })
}

综上所述,我恐怕你并没玩明白依赖注入,可以看看跟我手写依赖注入

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号