离子侧菜单（官方教程）给出错误

我试图按照他们的第一个教程在这里：离子侧菜单（官方教程）给出错误

http://ionicframework.com/docs/guide/starting.html

但是它返回一个空白页，无论是在真实的设备和浏览器模拟器（离子服务）。

这是错误：

Error: [$compile:ctreq] Controller 'ionSideMenus', required by directive 'ionSideMenuContent', can't be found!

代码本身是非常简单的。我下载空白模板（我只是跟着官方教程），并添加此html代码：

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
    <title>Todo</title> 

    <link href="lib/ionic/css/ionic.css" rel="stylesheet"> 
    <link href="css/style.css" rel="stylesheet"> 

    <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above 
    <link href="css/ionic.app.css" rel="stylesheet"> 
    --> 

    <!-- ionic/angularjs js --> 
    <script src="lib/ionic/js/ionic.bundle.js"></script> 

    <!-- cordova script (this will be a 404 during development) --> 
    <script src="cordova.js"></script> 

    <!-- your app's js --> 
    <script src="js/app.js"></script> 
    </head> 
    <body ng-app="todo"> 

    <!--center--> 
    <!-- <ion-pane> 
     <ion-header-bar class="bar-stable"> 
     <h1 class="title">Ionic Blank Starter</h1> 
     </ion-header-bar> 
     <ion-content> 
     </ion-content> 
    </ion-pane> --> 
    <ion-side-menu-content> 
     <ion-header-bar class="bar-dark"> 
     <h1 class="title">Todo</h1> 
     </ion-header-bar> 
     <ion-content> 
     </ion-content> 
    </ion-side-menu-content> 
    asd 
    <!--nav bar--> 
    <ion-side-menus> 
     <ion-side-menu-content> 
     </ion-side-menu-content> 
     <ion-side-menu side="left"> 
     </ion-side-menu> 
    </ion-side-menus> 
    </body> 
</html>

这是我app.js：

angular.module('todo', ['ionic']) 
.run(function($ionicPlatform) { 
    $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); 
    } 
    if(window.StatusBar) { 
     StatusBar.styleDefault(); 
    } 
    }); 
})

我应该怎么做，以使方项目工作？

非常感谢您的帮助

UPDATE

由于ThomasP1988，现在错误消失。但是，白屏仍然存在。我可以看到我的网站的一个瞬间（眨眼）的含量也变为白色，空白evertime我运行该项目

来源

2015-11-08 Blaze Tama

你应该换行前在

<ion-side-menu-content> 
    <ion-header-bar class="bar-dark"> 
    <h1 class="title">Todo</h1> 
    </ion-header-bar> 
    <ion-content> 
    </ion-content> 
</ion-side-menu-content>

<ion-side-menus></ion-side-menus>

来源

2015-11-08 04:46:38 ThomasP1988

非常感谢您的帮助:)如果您有时间，请亲切看看我的其他问题：http://stackoverflow.com/questions/33594733/display-html-content-in-ion-nav-view –

离子侧菜单（官方教程）给出错误

回答

相关问题