Ionic默认的Tabs模板使用实例


Posted in Javascript onAugust 29, 2016

Ionic 默认的Tabs 模板  ,Android的在上方,IOS的在下方。在www/js/app.js修改配置,添加一个变量,再修改相应属性: 

.config(function($stateProvider, $urlRouterProvider, $ionicConfigProvider) {$ionicConfigProvider.platform.ios.tabs.style('standard'); 
 $ionicConfigProvider.platform.ios.tabs.position('bottom');
 $ionicConfigProvider.platform.android.tabs.style('standard');
 $ionicConfigProvider.platform.android.tabs.position('bottom');

 $ionicConfigProvider.platform.ios.navBar.alignTitle('center'); 
 $ionicConfigProvider.platform.android.navBar.alignTitle('left');

 $ionicConfigProvider.platform.ios.backButton.previousTitleText('').icon('ion-ios-arrow-thin-left');
 $ionicConfigProvider.platform.android.backButton.previousTitleText('').icon('ion-android-arrow-back'); 

 $ionicConfigProvider.platform.ios.views.transition('ios'); 
 $ionicConfigProvider.platform.android.views.transition('android');

然后再在Android平台上调试 Tabs就在下面了 并且别的组件工作也正常 

 Ionic默认的Tabs模板使用实例

 Ionic默认的Tabs模板使用实例

特别注意
Cordova的配置一定要正确 尤其是Android ADT
Visual Studio 默认是不配置的
具体参考这篇文章
 

').addClass('pre-numbering').hide(); \((this).addClass('has-numbering').parent().append(\)numbering); for (i = 1; i <= lines; i++) { \(numbering.append(\)('

 ').text(i)); }; $numbering.fadeIn(1700); }); });

 以上就介绍了Ionic Tabs,包括了ionic,tabs方面的内容,希望对IOS开发有兴趣的朋友有所帮助。
Javascript 相关文章推荐
javascript的对话框详解与参数
Mar 08 Javascript
用JTrackBar实现的模拟苹果风格的滚动条
Aug 06 Javascript
js 中{},[]中括号,大括号使用详解
May 12 Javascript
Jquery 数据选择插件Pickerbox使用介绍
Aug 24 Javascript
jquery实现的可隐藏重现的靠边悬浮层实例代码
May 27 Javascript
用js代码改变单选框选中状态的简单实例
Dec 18 Javascript
js实现跨域的多种方法
Dec 25 Javascript
AngularJS 中的指令实践开发指南(一)
Mar 20 Javascript
AngularJS基础 ng-value 指令简单示例
Aug 03 Javascript
jQuery.parseJSON()函数详解
Feb 28 jQuery
JS制作简易计算器的实例代码
Jul 04 Javascript
Js实现粘贴上传图片的原理及示例
Dec 09 Javascript
关于Javascript回调函数的一个妙用
Aug 29 #Javascript
Javascript学习之谈谈JS的全局变量跟局部变量(推荐)
Aug 28 #Javascript
利用jQuery的动画函数animate实现豌豆发射效果
Aug 28 #Javascript
教你如何在Node.js中使用jQuery
Aug 28 #Javascript
分享JavaScript监听全部Ajax请求事件的方法
Aug 28 #Javascript
Node.js 日志处理模块log4js
Aug 28 #Javascript
node.js中 stream使用教程
Aug 28 #Javascript
You might like
PHP4 与 MySQL 数据库操作函数详解
2006/10/09 PHP
微信公众平台消息接口校验与消息接口响应实例
2014/12/23 PHP
php通过Chianz.com获取IP地址与地区的方法
2015/01/14 PHP
php使用类继承解决代码重复的问题
2015/02/11 PHP
php实现二进制和文本相互转换的方法
2015/04/18 PHP
10个对初学者非常有用的PHP技巧
2016/04/06 PHP
使用PHP json_decode可能遇到的坑与解决方法
2017/08/03 PHP
laravel5.6框架操作数据curd写法(查询构建器)实例分析
2020/01/26 PHP
初学Javascript的一些总结
2008/11/03 Javascript
关于js拖拽上传 [一个拖拽上传修改头像的流程]
2011/07/13 Javascript
jquery 关于event.target使用的几点说明介绍
2013/04/26 Javascript
jQuery动态添加删除select项(实现代码)
2013/09/03 Javascript
浅析Javascript使用include/require
2013/11/13 Javascript
Highcharts入门之基本属性
2016/08/02 Javascript
AngularJS框架的ng-app指令与自动加载实现方法分析
2017/01/04 Javascript
bootstrapvalidator之API学习教程
2017/06/29 Javascript
十大 Node.js 的 Web 框架(快速提升工作效率)
2017/06/30 Javascript
JS异步错误捕获的一些事小结
2019/04/26 Javascript
Node配合WebSocket做多文件下载以及进度回传
2019/11/07 Javascript
jquery实现商品sku多属性选择功能(商品详情页)
2019/12/20 jQuery
js实现文章目录索引导航(table of content)
2020/05/10 Javascript
用Python的Django框架来制作一个RSS阅读器
2015/07/22 Python
opencv python 2D直方图的示例代码
2018/07/20 Python
在python中以相同顺序shuffle两个list的方法
2018/12/13 Python
Django ModelForm组件使用方法详解
2019/07/23 Python
基于 Django 的手机管理系统实现过程详解
2019/08/16 Python
tensorflow tf.train.batch之数据批量读取方式
2020/01/20 Python
django处理select下拉表单实例(从model到前端到post到form)
2020/03/13 Python
Merrell美国官网:美国登山运动鞋品牌
2018/02/07 全球购物
公交公司毕业生求职信
2014/02/15 职场文书
小学生安全责任书
2014/07/25 职场文书
2014年酒店服务员工作总结
2014/12/08 职场文书
办公室主任岗位职责
2015/01/31 职场文书
建筑安全员岗位职责
2015/02/15 职场文书
昆虫记读书笔记
2015/06/26 职场文书
读鲁迅先生的经典名言
2019/08/20 职场文书