关于ionic的一些坑(3)
(1)对于页面中的input之类的输入框,取值的时候一般采用的是$scope.model=””的方式来取得input输入框的值,然后进行操作,但实际上在ionic里面是取不到的,取值之前必须先把input的值初始化一下才可以,这是因为$scope的作用域问题导致的,例如$scope.inputValue={}这样写,也可以实现input值的初始化
(2)关于ionic的上拉菜单,按照官方文档的写法写出来的上拉菜单,你会发现在ios和android上的样式是不一样的,ios还好,但是android里面的上拉菜单里面的文字内容并没有居中,而是默认的居左显示,具体处理办法是在ionic.css的原文件里面找到一部分代码,并且把他给注释掉就可以了,具体需要注释掉的代码为:
/*.platform-android .action-sheet-backdrop.active {
}
.platform-android .action-sheet {
margin: 0; }
.platform-android .action-sheet .action-sheet-title,
.platform-android .action-sheet .button {
text-align: left;
border-color: transparent;
font-size: 16px;
color: inherit; }
.platform-android .action-sheet .action-sheet-title {
font-size: 14px;
padding: 16px;
color: #666; }
.platform-android .action-sheet .button.active,
.platform-android .action-sheet .button.activated {
background: #e8e8e8; }
.platform-android .action-sheet-group {
margin: 0;
border-radius: 0;
}
.platform-android .action-sheet-cancel {
display: none; }
.platform-android .action-sheet-has-icons .button {
padding-left: 56px; }*/
(3)在ionic开发中难免会用到在主tabs中的某个view继续使用tabs的问题,然而直接使用ion-tabs的话有时会出现路由跳转错乱的问题,在爬坑过程中,各种翻阅资料,大概解决办法归纳下:
我自己在使用的 也是最简单的:views里面的ion-tabs标签外面再加一层div标签,这样可以解决。上面方法都要注意一点就是不管哪个 都不要把tabs()写到content里面,不然会出现导航栏混乱的问题!
(4)在首页引入js文件时,切记
<script src="lib/ngCordova/dist/ng-cordova.js"></script>
<script src="cordova.js"></script>
按照这个顺序来写,必须先把ng-cordova.js写在cordova.js的前面,不能写反了,写反会出现意想不到的问题
(5)在ios的禁用ios自身所带的侧滑返回的功能:
在.config()配置里面写入:
$ionicConfigProvider.views.swipeBackEnabled(false);即可
(6)你会发现你写的数字串在ios上面被解析为了电话号码,数字串的字体为蓝色,并且有下划线,点击可能还会出现拨号,解决办法是在首页中加入此代码即可解决:<meta name="format-detection" content="telephone=no" />
关于ionic的总结
对于在开发中所遇到的坑,暂时想到这么多,在ionic的开发中,看似风平浪静,实则中间有很多难以处理的细节问题需要考虑,也是一步一个脚印慢慢把项目中遇到的坑给踩完,但这也是所遇到的,没有遇到的坑估计还有,这个需要以后在实践应用中继续发掘,然后解决。
最新文章
- premere cs4绿色版 安装 并且 视频导出 讲解
- Linux碎碎念
- GFF3格式文件
- JSP页面和属性命名规范
- linq判断集合是否为空的方法
- css小知识点
- js原型链接(二)和object类的create方法
- iOS的动画效果类型及实现方法
- Standalone HBase
- Android之简单页面跳转
- Python3.5:爬取网站上电影数据
- PHP八大设计模式
- Elasticsearch 目录总结
- java高级-动态注入替换类Instrumentation
- mysql学习3:mysql之my.cnf详解
- JS中 try...catch...finally (转)
- ABBYY FineReader操作技巧
- dom4j解析xml报错:Nested exception: org.xml.sax.SAXParseException: White space is required between the processing instruction target and data.
- CodeForces - 325E:The Red Button (哈密尔顿 转 欧拉回路)
- 一个多maven项目聚合的实例
热门文章
- 第四章 Activity和Activity调用栈分析 系统信息与安全机制 性能优化
- (三)《Java编程思想》——构造函数初始化
- LINQ更新用户
- SQL Server系统表讲解
- hibernate像MySQL数据库里面存值是中文乱码的解决合辑
- 用jQuery的ajax请求一般处理程序返回json数据
- linux 下使用crontab+wget实现秒及定时任务
- js获取下拉列表(select)选中项的值和文本
- Readonly and other things about C++
- contentSize、contentInset和contentOffset区别