Question

我正在构建混合移动应用程序（Cordova + Ionic + Angularjs + ui-router），共有三页：

    -menuContent 
        -InProgTickets.html (landing page)
            -details
        -CompletedTickets.html
            -detailsCompleted
        -Setting

请注意，我使用的是Ionic提供的默认侧边菜单模板。这是完整的路由代码：

.config(function ($stateProvider, $urlRouterProvider) {
$stateProvider

  .state('app', {
      url: "/app",
      abstract: true,
      templateUrl: "templates/menu.html",
      controller: 'AppCtrl'
  })

  .state('app.setting', {
      url: "/setting",
      views: {
          'menuContent': {
              templateUrl: "templates/setting.html",
              controller: "SettingsCtlr"
          }
      }
  })

  .state('app.InProgTickets', {
      url: "/InProgTickets",
      views: {
          'menuContent': {
              templateUrl: "templates/InProgTickets.html",
              controller: "InProgTicketsCtrl"
          }
      }
  })


.state('app.details', {
    url: "/details/:id",         
    views: {
        'menuContent': {
            templateUrl: "templates/details.html",
            controller: "InProgTicketsCtrl"
        }
    }        
})
  .state('app.CompletedTickets', {
      url: "/CompletedTickets",
      views: {
          'menuContent': {
              templateUrl: "templates/CompletedTickets.html",
              controller: "CompletedCtrl"
          }
      }
  })
   .state('app.detailsCompleted', {
       url: "/detailsCompleted/:id",
       views: {
           'menuContent': {
               templateUrl: "templates/detailsCompleted.html",
               controller: "CompletedCtrl"
           }
       }
   });
// if none of the above states are matched, use this as the fallback
$urlRouterProvider.otherwise('/app/InProgTickets');})

我的问题是该应用程序在涟漪铬模拟器中的工作方式与预期相同，但它在Android移动设备上显示一个白色的空白屏幕。我发现我的ui-routing代码没有任何问题，我一直在玩几个场景而没有任何成功，但我看到了一个相关的问题here，here和here。

Answer 1

$urlRouterProvider.otherwise('/InProgTickets');})

在我看来应该是＆＃39; / InProgTickets＆＃39;实际上是你所在国家的网址

离子应用程序仅显示设备上的空白页 - 怀疑ui路由器问题

1 个答案: