您的位置:首页 > 其它

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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: