ionic 项目中创建侧边栏的具体流程分4步简单学会
来源:互联网 发布:黑色星期五 软件 编辑:程序博客网 时间:2024/06/13 22:17
这是在学习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
0 0
- ionic 项目中创建侧边栏的具体流程分4步简单学会
- Ionic 侧边栏菜单的简单实现
- Ionic实现左侧侧边栏新建项目
- Ionic实现左侧侧边栏新建项目
- ionic 侧边栏
- Ionic实现侧边栏
- ionic侧边栏
- ionic侧边栏
- 简单的侧边栏
- 【Ionic】ionic安装和项目的创建
- ionic 项目中添加modal的步骤流程
- 简单创建 vista/win7的侧边栏sidebar
- ionic侧边栏字母导航
- 创建ionic工程流程
- Ionic创建一个简单的APP
- ionic创建项目遇到的一些问题
- IT项目的具体验收流程
- 简单的折叠侧边栏的制作
- Centos7.1.1503中文编码下,tomcat service命令不支持UTF-8
- viewgroup onMeasure例子
- 高效率的文件复制的Java代码
- 程序员编程生涯中会犯的7个错误
- bootstrap v3学习笔记之全局css样式
- ionic 项目中创建侧边栏的具体流程分4步简单学会
- VMware下安装Ubuntu15.04后设置root密码
- HDOJ 1007
- Java中的值传递和引用传递
- html基础--标签,属性,文本格式化标签,计算机输出标签,引用和术语定义
- 南邮 OJ 1911 军训
- manifest配置权限区分大小写
- RegionServer功能职责
- C语言 用汇编来看看变量和指针实现