ionic爬过的各种坑;(持续更新)

1:判断当前设备是否ios/andriod:

<script type="text/javascript">
var u = navigator.userAgent;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
alert('是否是Android:'+isAndroid);
alert('是否是iOS:'+isiOS);
</script>


2:在ion-content中,由于scorll 更新了页面数据后不能拖动到底部,html页面不能完全加载,原因在于当前页面没有更新size,解决方法引入$ionicScrollDelegate;

在controller里改变高度的地方调用方法:

$ionicScrollDelegate.resize;




//自定义搜索框

<form>
    <div class="bar bar-header item-input-inset" style="">
    <i class="icon ion-android-search" style="position: absolute;color: #fdfdfd;font-size: 1.4em;top: 0px;margin-left: 4px;" ng-click="searchSelect()"></i>
    <div style="background-color:#fdfdfd;border-radius: 10px;width: 120%;">
      <label class="item-input-wrapper" id="search-input" style="background-color: #202020;margin:1px 1px 1px 1px;border-radius: 10px">
        <input style="padding-top: 0px;padding-bottom: 2px;margin-left:8px;color:#c4c7ca" type="search" placeholder="大家都在搜..." id=input1 ng-model="NO01">
      </label></div>
      <!-- <button class="button button-clear" style="color: #fefdfb" ng-click="searchSelect()">GO</button> -->
    </div>
</form>


3:上拉(或者当前页数据不足一页时)无限请求:

//html代码

<ion-list>

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值