Blank white screen after clicking any button


#1

Hey everyone, I’m using ionic1.
Everything goes well while testing the app on laptop using ionic serve command. but once I upload it to ionic dashboard pro and try to test it everything goes mess.
when I click on any button from home page the next page give me blank white screen.

Here’s my code.


<div class="list">
  <label class="item item-input mainTextColor">
    <input type="text" placeholder="الأسم">
  </label>
  <label class="item item-input mainTextColor">
    <input type="password" placeholder="كلمة المرور">
  </label>
</div>
  <div class="loginBtns">
    <button class="button button-full whiteColor secBgColor" ng-click=goto('/home')>دخول</button>
  </div>
  <div class="loginBtns">
    <button href="#/register" class="button button-full whiteColor mainBgColor" ng-click=goto('/register')>التسجيل</button>
  </div>
  <div class="loginBtns">
    <button class="button button-full button-clear whiteColor" ng-click=goto('/forgetpass')>نسيت كلمه المرور؟</button>
  </div>

and here’s js code

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

}
if (window.StatusBar) {
  // org.apache.cordova.statusbar required
  StatusBar.styleDefault();
}

});
})

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

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

})
.state(‘login’, {
url: ‘/login’,
templateUrl: ‘templates/login.html’
})
.state(‘register’, {
url: ‘/register’,
templateUrl: ‘templates/register.html’
})
.state(‘home’, {
url: ‘/home’,
templateUrl: ‘templates/home.html’
})
.state(‘app.facts’, {
url: ‘/facts’,
views: {
‘menuContent’: {
templateUrl: ‘templates/facts.html’
}
}
})

.state(‘app.places’, {
url: ‘/places’,
views: {
‘menuContent’: {
templateUrl: ‘templates/places.html’
}
}
})

.state(‘app.chars’, {
url: ‘/chars’,
views: {
‘menuContent’: {
templateUrl: ‘templates/chars.html’
}
}
})

.state(‘app.events’, {
url: ‘/events’,
views: {
‘menuContent’: {
templateUrl: ‘templates/events.html’
}
}
})

.state(‘app.organizations’, {
url: ‘/organizations’,
views: {
‘menuContent’: {
templateUrl: ‘templates/organizations.html’
}
}
})

.state(‘app.glossary’, {
url: ‘/glossary’,
views: {
‘menuContent’: {
templateUrl: ‘templates/glossary.html’
}
}
})

.state('app.playlists', {
  url: '/playlists',
  views: {
    'menuContent': {
      templateUrl: 'templates/playlists.html',
      controller: 'PlaylistsCtrl'
    }
  }
})

.state(‘app.single’, {
url: ‘/playlists/:playlistId’,
views: {
‘menuContent’: {
templateUrl: ‘templates/playlist.html’,
controller: ‘PlaylistCtrl’
}
}
});
// if none of the above states are matched, use this as the fallback
$urlRouterProvider.otherwise(’/login’);
});