离子视图变成空白

时间:2015-08-28 03:53:18

标签: angularjs ionic angular-routing

我遇到了这个问题:我的Ionic app有这个路由架构

$stateProvider
    .state('tab', {
    url: '/tab',
    abstract: true,
    templateUrl: 'templates/tabs.html'
})
    .state('tab.plazas', {
    url: '/plazas',
    views: {
        'tab-plazas': {
            templateUrl: 'templates/tab-plazas.html',
            controller: 'PlazasCtrl'
        }
    }
})
    .state('tab.plaza-detalle', {
    url: '/plazas/:plazaId',
    views: {
        'tab-plazas': {
            templateUrl: 'templates/plaza-detalle.html',
            controller: 'PlazaDetalleCtrl'
        }
    }
})

    .state('tab.plaza-diagrama', {
    url: '/plazas/diagramaPlaza/:plazaId',
    views: {
        'tab-plazas': {
            templateUrl: 'templates/diagrama.html',
            controller: 'DiagramaCtrl'
        }
    }
});

我想从plazas /:plazaId里面去/ plazas / diagramaPlaza /:plazaId,但是当我尝试这样做时,应用程序变成空白,当我在桌面上测试应用程序时,它工作得很完美但白色当我构建应用程序并使用我的手机进行测试时,会出现屏幕。

关于这个问题可能是什么原因的任何想法?

非常感谢你的帮助。

1 个答案:

答案 0 :(得分:0)

我建议您首先为route-configuration配置一种其他方法,例如

$urlRouterProvider.otherwise('your default view');

如何转换到其他观点很重要,请尝试使用

$state.go('tab.plaza-diagrama');

这应该解决你的问题。