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