![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Ionic
文章平均质量分 81
spicyboiledfish
这个作者很懒,什么都没留下…
展开
-
ionic之如何隐藏navBar导航栏
最近开始参与新的项目的开发,关于前人留下来的一套Ionic+PhoneGap+Cordova的移动端开发的App,现在需要整改部分内容。也是头一次接触ionic,再加上Angular.js的一些语法了解了解,遇到了问题就解决问题,so easy!回归正题,ionic中如何隐藏navBar的导航栏呢?1. 核心代码:给ion-view标签添加属性hide-nav-bar=“true”原创 2017-09-08 10:06:22 · 2358 阅读 · 0 评论 -
ionic之如何设置输入框未输入时按钮不可点击,有输入值时按钮自动变为可点击
首先贴出演示结果:那么如何开发这种效果呢?用到了Angular.js中的ng-disabled属性:核心代码如下:HTML: {{cashBtnName || '立即提现'}} Controller//判断提现次数是否超限,若超限则不可点击,反之。if (Config.isLogin()) { if原创 2017-09-21 09:52:05 · 2739 阅读 · 0 评论 -
Ionic之如何将上级页面的数据传递给下级界面
一、传递一个单个字段:在上级页面跳转到下级页面的方法里面,使用from属性:$state.go('func', { module: 'getCash', func: 'index', from: 3});在下级页面的controller中,接收from传递过来的参数:$scope.page = $state.params.from二、传递一原创 2017-09-22 15:11:14 · 836 阅读 · 0 评论 -
Ionic之如何使用ion-infinite-scroll实现上拉加载,下拉刷新的功能
使用的是ion-infinite-scroll 标签:核心代码附上:HTML: <ion-infinite-scroll icon="ion-loading-a" ng-if="!isMax&&list.length!=0" distance="5%" immediate-chec原创 2017-09-22 16:10:45 · 2464 阅读 · 0 评论 -
Ionic之如何分别对iOS及Android样式兼容性处理
问题描述:在Ionic+PhoneGap+Angular1.0+Cordova项目中,某一个按钮中的样式,使用了绝对定位的布局,在iOS的所有机型中都是完美布局;但是在Android机型中,就会出现向上的偏差,针对这个问题,如果微调的话,那么可能导致Android调整好对齐,但是iOS原先好的机型也会出现微小不对齐。针对这种问题,解决的办法如下:核心源码:HTML:原创 2017-10-24 11:31:20 · 2441 阅读 · 0 评论 -
Ionic之2,3,4,5,6,7,8,9这几个数离奇地无法通过<10的判断条件
目前我们使用的Ionic项目中的ionic版本是1.7.16,而cordova的版本是5.4.1.可能是版本不兼容的问题吧,逻辑如下:当我输入框中输入的数字是指定的最高金额withdrawAsserts时,弹出最高限额的提示弹框;如果这两个条件均不符合,则跳转到帮助中心页面。逻辑核心代码如下:if($scope.cashJ.cashInputValue<$scope.minWith原创 2017-09-30 16:23:57 · 369 阅读 · 0 评论 -
如何完美的解决时间轴开发中的"绝对定位"导致的Android兼容性问题(断线,断点问题)
这些天,正在赶一个Ionic+phoneGap+Angular1.0的项目整改,具体涉及到的一个时间轴的开发。首先贴出UI设计图,是图中的蓝色部分的开发:备注:由于这部分开发其实跟普通的HTML和CSS开发并无两样,所以我的标题并没有具体写Ionic,应该说这是一种开发思路,供所有开发时间轴会出现断线,断点问题的程序员们参考。一、第一种开发布局方法:兼容性测试:原创 2017-11-21 11:24:20 · 1047 阅读 · 0 评论 -
自定义开发ionic自带的日历插件ionic-datePicker
一、首先说一下如何将ionic-datePicker插件引入到项目中:1. 在项目根目录中:bower install ionic-datepicker --save 2. 下载完成后,在lib文件夹中就会出现ionic-datepicker文件夹3. 在index.html中引入这个dist中的ionic-datepicker.bundle.min.js文件<script src="li...原创 2018-02-08 11:41:26 · 4625 阅读 · 4 评论 -
AngularJS之如何传递可以识别HTML标签的文本参数
使用$sce.trustAsHtml方法:HTML:<body ng-app="myApp" ng-controller="myCtl"> <div ng-bind-html="content"> </div></body>JS:<script> var app =原创 2018-08-02 11:46:31 · 2138 阅读 · 0 评论