离子 - 路由到已加载的视图获取空白页面

时间:2016-04-28 19:39:28

标签: javascript angularjs cordova ionic-framework

我正在使用离子,我有一个with,并且我正在使用我的观点之间导航。

这是我的app.js:

var app = angular.module('myApp', ['ionic', 'ui.router']);

app.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {
    if(window.cordova && window.cordova.plugins.Keyboard) {
  // Hide the accessory bar by default (remove this to show the accessory       bar above the keyboard
  // for form inputs)
  cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);

  // Don't remove this line unless you know what you are doing. It stops the viewport
  // from snapping when text inputs are focused. Ionic handles this internally for
  // a much nicer keyboard experience.
  cordova.plugins.Keyboard.disableScroll(true);
}
    if(window.StatusBar) {
      StatusBar.styleDefault();
    }
  });
})

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

// Sign in - Initial display
$stateProvider.state('sign_in', {
    url: '/signIn',
    templateUrl: 'html/signIn.html',
    controller: 'signInController' 
})

.state('sign_up', {
    url: '/signUp',
    templateUrl: 'html/signUp.html',
    controller: 'signUpController'
});

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

我的默认视图是' / signIn'。当我导航到' / signUp'一切都好。但是,当我使用后退按钮返回' / signIn' ' / signIn'的内容视图出现一个milisec然后消失,我得到空白页。

一些结论:

  1. 我可以在开发人员工具中看到元素边框。
  2. 仅当我导航到已加载的视图时才会发生。
  3. 当我以任何方式调整浏览器大小时(最小化,更改 设备,分辨率等...)视图显示应该。
  4. 当我使用'state.go(/ signIn)'时也会发生这种情况。导航回到 ' /登入'页。
  5. 请帮助我,我真的迷失了这件事...... 顺便说一下,这是死亡的白色屏幕'?

0 个答案:

没有答案