cordova/ionic常见问题

2016-08-14 本文已影响0人 Rasho_Moon

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>