ionic
关注
分享
扫一扫
jinrui_w
认真做好每一件事
展开
-
ionic开发中的ion-list设置item右侧的向右箭头
1.添加向右箭头的方法：<i class="icon ion-ios-arrow-forward"></i>在ion-item中添加上述代码，例：<ion-item ng-repeat="item in items"> {{item}} <i class="icon ion-ios-arrow-forward">&原创 2016-05-24 16:13:41 · 12912 阅读 · 4 评论 -
ionic开发中设置列表ion-list和边界的距离
初学html5&ionic，很多地方还不是很懂，记录学习过程中遇到的小错误。我写了一个列表ion-list，但是ion-list和边界总是有一定距离，如图：解决办法：ion-content后有一个属性padding，若将该属性设置为true，则会出现上述效果，不设置或设置为false，则list距离边界为零。如下图：原创 2016-05-24 16:24:27 · 5049 阅读 · 0 评论 -
ionic开发中动态设置ion-scroll的高度
在开发app中，有时候会遇到这样的需求，在页面的下半部分是一个列表，此时我们就需要用到滚动视图，但是我们要适配不同的屏幕，这会导致滚动视图的高度是变化的，所以要动态获取屏幕的高度。步骤：1.在app.js中添加如下代码：.directive('scrollHeight',function($window){ return{ restrict:'AE', link原创 2016-05-24 17:16:09 · 14020 阅读 · 4 评论 -
ionic开发中页面跳转隐藏ion-tabs
场景描述：点击测试设备1跳转到设备详情页，在设备详情页隐藏底部的标题栏ion-tabs，当页面从设备详情页返回到主页时，显示底部标题栏。具体步骤：1.在ion-tabs后添加ng-class="{'tabs-item-hide': $root.hideTabs}"2.在app.js中添加.directive('showTabs', function ($原创 2016-05-26 11:31:36 · 3277 阅读 · 0 评论