（1）對(duì)于頁面中的input之類的輸入框，取值的時(shí)候一般采用的是$scope.model=””的方式來取得input輸入框的值，然后進(jìn)行操作，但實(shí)際上在ionic里面是取不到的，取值之前必須先把input的值初始化一下才可以，這是因?yàn)?/span>$scope的作用域問題導(dǎo)致的，例如$scope.inputValue={}這樣寫，也可以實(shí)現(xiàn)input值的初始化

（2）關(guān)于ionic的上拉菜單，按照官方文檔的寫法寫出來的上拉菜單，你會(huì)發(fā)現(xiàn)在ios和android上的樣式是不一樣的，ios還好，但是android里面的上拉菜單里面的文字內(nèi)容并沒有居中，而是默認(rèn)的居左顯示，具體處理辦法是在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開發(fā)中難免會(huì)用到在主tabs中的某個(gè)view繼續(xù)使用tabs的問題，然而直接使用ion-tabs的話有時(shí)會(huì)出現(xiàn)路由跳轉(zhuǎn)錯(cuò)亂的問題，在爬坑過程中，各種翻閱資料，大概解決辦法歸納下：

我自己在使用的 也是最簡(jiǎn)單的：views里面的ion-tabs標(biāo)簽外面再加一層div標(biāo)簽，這樣可以解決。上面方法都要注意一點(diǎn)就是不管哪個(gè) 都不要把tabs（）寫到content里面，不然會(huì)出現(xiàn)導(dǎo)航欄混亂的問題！

（4）在首頁引入js文件時(shí)，切記 ?

<script src="lib/ngCordova/dist/ng-cordova.js"></script>

<script src="cordova.js"></script>

按照這個(gè)順序來寫，必須先把ng-cordova.js寫在cordova.js的前面，不能寫反了，寫反會(huì)出現(xiàn)意想不到的問題

（5）在ios的禁用ios自身所帶的側(cè)滑返回的功能：

在.config()配置里面寫入：

$ionicConfigProvider.views.swipeBackEnabled(false);即可

（6）你會(huì)發(fā)現(xiàn)你寫的數(shù)字串在ios上面被解析為了電話號(hào)碼，數(shù)字串的字體為藍(lán)色，并且有下劃線，點(diǎn)擊可能還會(huì)出現(xiàn)撥號(hào)，解決辦法是在首頁中加入此代碼即可解決：<meta name="format-detection" content="telephone=no" />

關(guān)于ionic的總結(jié)

對(duì)于在開發(fā)中所遇到的坑，暫時(shí)想到這么多，在ionic的開發(fā)中，看似風(fēng)平浪靜，實(shí)則中間有很多難以處理的細(xì)節(jié)問題需要考慮，也是一步一個(gè)腳印慢慢把項(xiàng)目中遇到的坑給踩完，但這也是所遇到的，沒有遇到的坑估計(jì)還有，這個(gè)需要以后在實(shí)踐應(yīng)用中繼續(xù)發(fā)掘，然后解決。

轉(zhuǎn)載于:https://www.cnblogs.com/zyl521531/p/6208500.html

總結(jié)

以上是生活随笔為你收集整理的关于ionic的一些坑（3）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。