angularjs - ionic - $state.go 存在参数问题

Question

我目前正在使用 Ionic 开发一个移动应用，并使用 Phonegap 构建它。

我目前面临的问题与带参数的 $state.go 有关。发生的情况是，我想传递一个组 id 作为参数，当新屏幕加载时，它将获取该组 id 并从后端检索组信息，该信息将由服务处理。

注意:这在桌面上运行良好，但一旦我将其放在移动设备上，就不行了。

这是我正在使用的代码

创建GroupCtrl

angular.module('starter').controller('AppCtrl', function( $scope, $state, $ionicSideMenuDelegate, $rootScope, $pusher, $ionicModal, $interval, GroupService ){
    $scope.submit = function(){
        // Create Group function to post data to database and receiving group id in return (no issue here)
        $state.go('app.manage-group', {id:group_id} ); // group_id is the id returned
    };
});

管理组Ctrl

angular.module('starter').controller('ManageGroupCtrl', function( $scope, $state, $stateParams, $ionicLoading, $ionicViewService, GroupService ){
        $ionicViewService.clearHistory;
        alert( $stateParams.id );
});

我在 app.js 中的状态定义

$stateProvider.state('app.manage-group', {
    url: 'manage-group/:id,
    views: {
        'menuContent' : {
            templateUrl: "templates/manage-group.html",
            controller: "ManageGroupCtrl"
        }
    }
});

至于我的模板文件-manage-group.html |导航标题应按定义显示这两个图标。

<ion-nav-buttons side="left">
    <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
</ion-nav-buttons>
<ion-nav-buttons side="right">
    <button menu-toggle="right" class="button button-icon icon ion-person-stalker"></button>
</ion-nav-buttons>

所以我面临的情况是，ionicViewService 不清除历史记录并显示后退按钮(指向创建组)，不加载任何 $scope 元素，甚至无法触发警报。

我的猜测是可能存在 JavaScript 错误。我尝试使用 Phonegap 调试工具进行调试，但它没有显示任何错误，只显示成功事件的 console.log 消息。

所以我的问题是......

我传递的参数是否正确？

如何调试和查看错误日志？

任何帮助将不胜感激!

谢谢!

Answer 1

您正确地传递了状态参数，但听起来确实像是 JavaScript 错误导致您的代码中断。如果您运行的是 Android v4.4+，我建议您使用 Chrome 中的远程调试器来检查您的设备。需要进行少量设置，但 Chrome 文档中对此进行了解释:

https://developer.chrome.com/devtools/docs/remote-debugging