ionic 项目中创建侧边栏的具体流程分4步简单学会
2015-08-07 09:55
375 查看
这是在学习ionic时,当时遇到的一些问题,觉得很难,就记笔记下来了,现在觉得如果可以拿来分享,有可能会帮助到遇到同样问题的人
ionic slidemenu
项目流程:
cd pretices(自己创建的文件夹名称)
ionic start oneApp blank(创建一个空项目)
在WWW文件夹下创建templates,controllers 文件夹
1、创建slidemenu方法
index 页面
<ion-nav-view></ion-nav-view>在app.js里面添加
app.config(function ($stateProvider, $urlRouterProvider) { $stateProvider .state('app', { url: "/app", templateUrl: "templates/menu.html", controller: 'appCtrl' }); $urlRouterProvider.otherwise('/app'); });这里是ionic路由配置问题,如果看不太懂,可以到ionic官网里面找到并学习,不得不说官网上面有很多值得学习的知识
2、在app.js里添加控制器名,在index里引用已添加的控制器名,在controllers文件夹里添加相应的控制器
3、controllers文件夹里添加相应的控制器:
var module = angular.module('app.appCtrl', []);
module.controller('appCtrl', function () {
});
4、在HTML页面里面写:
ion-side-menus等,最后在button 加menu-toggle=“left”,侧边栏就出来了
注:博客会持续更新,欢迎大家提问、评价、更改。更多技术分享www.ncloud.hk
相关文章推荐
- MFC DLL 的生成与使用
- 阶层
- HDOJ 1007
- 南邮 OJ 1911 军训
- 高效率的文件复制的Java代码
- VMware下安装Ubuntu15.04后设置root密码
- 程序员编程生涯中会犯的7个错误
- Static Classes and Static Class Members
- JVM_Bind问题的解决方案
- 学习要有目标和效果--读《学习的逻辑》有感
- 『开源』50行代码 扒取 博客园文章
- python装饰器的理解
- 在Ubuntu系统下安装JDK和Tomcat的教程
- viewgroup onMeasure例子
- 把ppt格式转成pdf的方法有哪些
- 670个常用的Python库和示例代码
- java分页实现
- verilog specify功能
- 可维护性与可扩展性的区别
- C++ 头文件重复包含