离子$ stateprovider在设备上显示空白页

Question

为什么此示例代码http://codepen.io/ionic/pen/QwamEW在浏览器上有效，但在ios模拟器或设备上进行测试时却显示空白页？

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

    $stateProvider
    .state('eventmenu', {
        url: '/event',
        abstract: true,
        templateUrl: 'templates/event-menu.html'
    })
    .state('eventmenu.home', {
        url: '/home',
        views: {
            'menuContent' :{
                templateUrl: 'templates/home.html'
            }
        }
    })
    .state('eventmenu.checkin', {
        url: '/check-in',
        views: {
            'menuContent' :{
                templateUrl: 'templates/check-in.html',
                controller: 'CheckinCtrl'
            }
        }
    })
    .state('eventmenu.attendees', {
        url: '/attendees',
        views: {
            'menuContent' :{
                templateUrl: 'templates/attendees.html',
                controller: 'AttendeesCtrl'
            }
        }
    })

    $urlRouterProvider.otherwise('/event/home');
})