ionic slidebox 嵌套问题

ionic slidebox 嵌套会有一个冒泡事件，即使是阻止了父级冒泡也不管用，

最终用滑动事件on-drag="drag()" 去阻止了父级的滑动事件

 $scope.drag = function(){
     $ionicSlideBoxDelegate.$getByHandle(‘divslide‘).stop();
 }

时间： 2024-08-01 22:46:43

ionic slidebox 嵌套问题的相关文章

[转]Ionic系列——CodePen上的优秀Ionic_Demo

本文转自:http://my.oschina.net/u/1416844/blog/514361?fromerr=bbFC5JIl 案例网站 Slidebox with Dynamic Slides Ionic UL search example Ionic Accordian ion-affix performance demo (就是这个栏目下的标题一直显示在最上面) Button Bar as Top Tabs FAB Menu Tab layout - view content gap

[ionic开源项目教程] - 第3讲左右滑动菜单的实现(使用Tabs和SlideBox)

使用Tabs和SlideBox实现左右滑动菜单 1.将tab1.html的代码改为如下: <ion-view view-title="健康"> <ion-content class="has-header"> <ion-slide-box show-pager="false" class="has-header" on-slide-changed="slideChanged($i

ionic 嵌套view 的方法

我一直想在一个页面的同一个 DIV 里面嵌入一个不同的 HTML文件 ....但是总是没有达到我要的效果.....才发现原来我没有加一个 name 我用angular-ui 插件里面的样式总是没有跳转.... 1 <div ui-view></div> 2  3 <a ui-sref="state1">State 1</a> 4 <a

基于AngularJS/Ionic框架开发的性能优化

AngularJS作为强大的前端MVVM框架,虽然已经做了很多的性能优化,但是我们开发过程中的不当使用还是会对性能产生巨大影响. 下面提出几点优化的方法: 1. 使用单次绑定符号{{::value}} AngularJS的性能优化方法之一是减少双向绑定.我们知道AngularJS的双向绑定是通过为每个需要双向绑定的数据对象添加$$watchers,一旦某个scope的数据发生了更新,就触发脏检测($digest),深度优先遍历所有scope对象的$$watchers值的old/new value

[ionic开源项目教程] - 第9讲新闻详情页的实现

目录 [ionic开源项目教程] 第1讲前言,技术储备,环境搭建,常用命令 [ionic开源项目教程] 第2讲新建项目,架构页面,配置app.js和controllers.js [ionic开源项目教程] 第3讲使用Tabs和SlideBox实现左右滑动菜单 [ionic开源项目教程] 第4讲通过Service层获取新闻列表 [ionic开源项目教程] 第5讲如何在项目中使用全局配置 [ionic开源项目教程] 第6讲过滤器filter的使用 [ionic开源项目教程] 第7讲实现

[ionic开源项目教程] - 第10讲新闻详情页的用户体验优化

3、嵌套路由

同理在看嵌套路由的时候来分析一下 ionic2 默认生成的 tabs 项目.目录结构: child 目录是我新加的因为这里是要做用来做嵌套路由的. 首先先看app.js /* --- app.js ----*/ import {App, Platform} from 'ionic-angular'; import {StatusBar} from 'ionic-native'; import { TabsPage } from './pages/tabs/tabs'; @App({ te

[ionic开源项目教程] - 第11讲封装BaseController实现controller继承

关注微信订阅号:TongeBlog,可查看[ionic开源项目]全套教程. 截止到第10讲,tab1[健康]模块的功能基本已经完成了,但这一讲中,controller层又做了较大的改动,因为下一讲中tab2[医疗]模块的实现跟tab1类似,考虑到不让代码冗余,这里使用BaseCtrl将公共代码提取出来作为controller的基类,供其它模块使用,提取后的[健康]模块也对应有所改动. 目录 [ionic开源项目教程] 第1讲前言,技术储备,环境搭建,常用命令 [ionic开源项目教程] 第2讲

[ionic开源项目教程] - 手把手教你使用移动跨平台开发框架Ionic开发一个新闻阅读APP

前言这是一个系列文章,从环境搭建开始讲解,包括网络数据请求,将持续更新到项目完结.实战开发中遇到的各种问题的解决方案,也都将毫无保留的分享给大家. 项目介绍本项目基于移动跨平台开发框架 Ionic 开发,主要包含健康.医疗.生活.农业.和用户五大模块,以下是功能架构图. 目录第1讲前言,技术储备,环境搭建,常用命令第2讲新建项目,架构页面,配置app.js和controllers.js 第3讲使用Tabs和SlideBox实现左右滑动菜单第4讲第4讲通过Service层获取新