(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的开发中,看似风平浪静,实则中间有很多难以处理的细节问题需要考虑,也是一步一个脚印慢慢把项目中遇到的坑给踩完,但这也是所遇到的,没有遇到的坑估计还有,这个需要以后在实践应用中继续发掘,然后解决。