1) 調(diào)用系統(tǒng)撥打電話功能
在config.xml中添加
<access orgin="tel:*" launch-external="yes"/>
html中調(diào)用號碼
<a href="tel:110">撥打電話110</a>
獲取電話觸發(fā)時間
html:
<button ng-click="makePhoneCall($event,phoneNum)"><button>
js:
$scope.makePhoneCall = function ($event, phoneNum) {
? ? ? window.open('tel:' + phoneNum);
?????? var time=new Date();
}
2) 安卓tab處于頂部問題
在app.js 中 .config
$ionicConfigProvider.platform.ios.tabs.style('standard');
$ionicConfigProvider.platform.ios.tabs.position('bottom');
$ionicConfigProvider.platform.android.tabs.style('standard');
$ionicConfigProvider.platform.android.tabs.position('standard');
3) 返回鍵后文字去除
在app.js 中 .config
$ionicConfigProvider.backButton.previousTitleText(false);
4)ionic在多次導航之后返回之前的View
方法一:
$ionicHistory.nextViewOptions({
?? disableBack:true
});
方法二:
$ionicHistory.goBack(-2);
5) 忽略數(shù)字自動識別為電話號碼和識別郵箱
忽略數(shù)字自動識別為電話號碼
<meta content="telephone=no" name="format-detection"/>
忽略識別郵箱
<meta content="email=no" name="format-detection"/>
6) CDVViewController.h 文件丟失
打包app提交到appstore的時候會報 Cordova/CDVViewController.h file not found
在 Header Search Path 加入
"$(OBJROOT)/UninstalledProducts/$(PLATFORM_NAME)/include"
7) 設(shè)置ionic頁面的回彈效果
<ion-content overflow-scroll="false" has-bouncing="true"></ion-cotent>
8)? 加載頁面時消除最開始的雙括號
在index.html頁面中的數(shù)據(jù)綁定操作，建議使用ng-bind綁定數(shù)據(jù)身笤。
9) ionic頁面底部加一長按鈕,頁面滾動位置不變
<div class="tabs"></div>
10) 隱藏右側(cè)滾動條
<ion-content overflow-scroll="true" style="overflow:auto"></ion-content>
11) 圖片輪播
.controller:
.controller('DashCtrl', function($scope,$ionicSlideBoxDelegate,$rootScope,$http) {
??? ? /* 頂部廣告欄*/
???? //為了驗證屬性active-slide定義的模型罪裹，angularjs是mvc模式
????? $scope.model = {
??? ????? activeIndex:0
????? };
???? //此事件對應的是pager-click屬性，當顯示圖片是有對應數(shù)量的小圓點耘子，這是小圓點的點擊事件
??????? $scope.pageClick = function(index){
???????????? //alert(index);
????? ????? $scope.model.activeIndex = 2;
???? };
???? //當圖片切換后，觸發(fā)此事件，注意參數(shù)
??? ? $scope.slideHasChanged = function($index){
? ? ?????? //alert($index);
???? };
???? //這是屬性delegate-handle的驗證使用的佛猛，其實沒必要重定義，直用$ionicSlideBoxDelegate? 就可以
???? $scope.delegateHandle = $ionicSlideBoxDelegate;
? ? ? /* 網(wǎng)絡(luò)獲取*/
???? $http.get("http://www.baidu.com").then(function(resp){
??? $rootScope.adUrlJson = resp.data;
})
html:
<ion-slide-box on-slide-changed="slideHasChanged($index)" auto-play="true" does-continue="true" slide-interval=2000 show-pager="true" pager-click="pageClick(index)" active-slide="model.activeIndex" delegate-handle="delegateHandler">
? ? ? <ion-slide>
????????? <div class="pic 1"><img src = {{adUrlJson[0].url}}></div>
????? </ion-slide>
???????????
