Ionic framework 在ionic中添加新页面_Ionic Framework

Ionic framework 在ionic中添加新页面

ionic-framework

Ionic framework 在ionic中添加新页面,ionic-framework,Ionic Framework,我创建了两个页面，一个用于登录facebook，另一个用于slider。在slider中，我有一个按钮。按下该按钮后，我希望它进入新页面。以下是各州： .config(function($stateProvider, $urlRouterProvider){ $stateProvider .state('root', { url: '', controller: 'rootCtrl', data:

我创建了两个页面，一个用于登录facebook，另一个用于slider。在slider中，我有一个按钮。按下该按钮后，我希望它进入新页面。
以下是各州：

.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添加新路由器时，ionic live服务器会显示一个空白页面。错误在哪里

检查Chrome开发工具控制台中的错误。提供缺少的信息。

您是否创建了

ballCtrl

控制器？抛出您的浏览器控制台时出现了什么错误？不清楚您现在在哪个页面？我的意思是你的默认页面是login.html，但这里显示的是ballDrop.html。还有chrome调试器中的抱怨是什么？删除一个plunker，以更好地理解我现在在主页上。我想从主页转到balldrop页面。当我创建ballCtrl控制器时，整个ionic serve页面变为空白，当我评论ballCtrl控制器时，主页出现。