一，创建侧边栏。
<!DOCTYPE html>
<html> <head>
<meta charset="utf-8">
<title>Todo</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <link href="lib/ionic/css/ionic.css" rel="stylesheet">
<script src="lib/ionic/js/ionic.bundle.js"></script>
<!-- 在使用 Cordova/PhoneGap 创建的 APP 中包含的文件，由 Cordova/PhoneGap 提供，(开发过程中显示 404) -->
<script src="cordova.js"></script>
</head> <body> <body>
<!--ion-side-menus:一个带有边栏菜单的容器，可以通过点击按钮或者滑动屏幕来展开菜单-->
<ion-side-menus>
<!--ion-side-menu-content:展示主要内容的容器，可以通过滑动屏幕来展开menu-->
<ion-side-menu-content>
</ion-side-menu-content>
<!--ion-side-menu:存放侧边栏的容器-->
<ion-side-menu side="left">
</ion-side-menu>
</ion-side-menus>
</body>
</body> </html>
参考资料：《菜鸟教程》