1) 调用系统拨打电话功能
在config.xml中添加
<access orgin="tel:*" launch-external="yes"/>
html中调用号码
<a href="tel:110">拨打电话110</a>
获取电话触发时间
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) 忽略数字自动识别为电话号码和识别邮箱
忽略数字自动识别为电话号码
<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) 设置ionic页面的回弹效果
<ion-content overflow-scroll="false" has-bouncing="true"></ion-cotent>
8) 加载页面时消除最开始的双括号
在index.html页面中的数据绑定操作，建议使用ng-bind绑定数据。
9) ionic页面底部加一长按钮,页面滚动位置不变
<div class="tabs"></div>
10) 隐藏右侧滚动条
<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属性，当显示图片是有对应数量的小圆点，这是小圆点的点击事件
$scope.pageClick = function(index){
//alert(index);
$scope.model.activeIndex = 2;
};
//当图片切换后，触发此事件，注意参数
$scope.slideHasChanged = function($index){
//alert($index);
};
//这是属性delegate-handle的验证使用的，其实没必要重定义，直用$ionicSlideBoxDelegate 就可以
$scope.delegateHandle = $ionicSlideBoxDelegate;
/* 网络获取*/
$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>
网友评论