Question

我创建了2个页面，一个用于登录facebook，另一个用于滑块。在滑块中，我有一个按钮。按下该按钮后，我希望它转到新页面以下是各州：

.config(function($stateProvider, $urlRouterProvider){
    $stateProvider
        .state('root', {
            url: '',
            controller: 'rootCtrl',
            data: { 
                authenticate: false
            }
        })
        .state('home', {
            url: '/home',
            templateUrl: 'home.html',
            controller: 'homeCtrl',
            data: {
               authenticate: true
            }
        })
        .state('login', {
            url: '/login',
            templateUrl: 'login.html',
            controller: 'loginCtrl',
            data: {
                authenticate: false
            }
        })
        .state('balldrop', {
            url: '/balldrop',
            templateUrl: 'balldrop.html',
            controller: 'ballCtrl',
            data: {
                authenticate: true
            }
        })
    ;

    // Send to login if the URL was not found
    $urlRouterProvider.otherwise('/login');
})

这是ballDrop.html：

<body ng-controller="ballCtrl">

  <ion-view>
    <img src="img/present.png">
    <img src="img/past.png">
    <img src="img/future.png">      
  </ion-view>

</body>

但是当我为balldrop添加新的路由器时，离子实时服务器会显示一个空白页面。错误在哪里？

Answer 1

检查Chrome开发者工具控制台中的错误。给出一个缺少的想法。

在离子中添加新页面

1 个答案: