（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的開發中，看似風平浪靜，實則中間有很多難以處理的細節問題需要考慮，也是一步一個腳印慢慢把項目中遇到的坑給踩完，但這也是所遇到的，沒有遇到的坑估計還有，這個需要以后在實踐應用中繼續發掘，然后解決。

轉載于:https://www.cnblogs.com/zyl521531/p/6208500.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。