向上/向下滑动在 Ionic 2 上不起作用

2024-01-11

我该如何使用swipe up or swipe down与离子2?

我已经尝试过手势API http://ionicframework.com/docs/v2/components/#gestures但它仅在水平滑动时触发。

<ion-card (swipe)="swipePage($event)">
</ion-card>

在 HammerJS 官方文档中,底线是这样说的:

当调用 Hammer() 创建一个简单实例时,平移和滑动 识别器配置为仅检测水平手势。

对于其他配置,您必须调整锤子实例,请尝试以下操作:

第一次运行npm install hammerjs --save && npm install @types/hammerjs --save-dev

import { HammerGestureConfig, HAMMER_GESTURE_CONFIG } from '@angular/platform-browser';
import * as Hammer from 'hammerjs';

// create a class that overrides hammer default config

export class MyHammerConfig extends HammerGestureConfig  {
  overrides = <any>{
    'swipe': { direction: Hammer.DIRECTION_ALL } // override default settings
  }
}

// In your module providers, add this :

providers: [{ 
  provide: HAMMER_GESTURE_CONFIG, 
  useClass: MyHammerConfig 
}]
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

向上/向下滑动在 Ionic 2 上不起作用 的相关文章

  • 由于 apollo-client 未定义,无法解构 GraphQL 查询?

    我正在寻找调试与错误消息相关的问题 未捕获的类型错误 无法解构 0 apollo client WEBPACK IMPORTED MODULE 4 useQuery 因为它未定义 Context 我正在为我的 React js 项目设置后端
  • Chart.js 在初始化时设置活动段

    我正在使用 Chart js v2 并且尝试在加载图表时模拟圆环图上某个段的 悬停状态 因此看起来有一个部分已突出显示 我已经搜索和梳理了代码一天 但找不到一个好的方法来做到这一点 提前致谢 设置片段的悬停样式有点令人困惑 因为它没有真正记
  • 在 contenteditable div 中选择范围

    我有一个contenteditablediv 和其中的一些段落 这是我的代码 div style border solid 1px black width 300px height 300px div Hello world div div
  • 渲染货币和符号并与来自不同单元格的数据相结合

    我正在使用最新的 jQuery DataTables v1 10 7 我正在尝试将数字解析为以下格式 239 90 USD 我可以使用此命令使货币正常工作 columns data Price render fn dataTable ren
  • JavaScript 中的埃拉托斯特尼筛法对大量数据无限运行

    我一直在尝试写埃拉托斯特尼筛法 http en wikipedia org wiki Sieve of EratosthenesJavaScript 中的算法 基本上我只是按照以下步骤操作 创建从 2 到 n 1 的连续整数列表 令第一个素
  • 为什么 iife 在一个简单的例子中不起作用?

    我不明白为什么函数表达式调用不起作用并抛出错误 你能给我解释一下吗 var a function x alert x function a 1 谢谢大家 任务比我想象的要容易得多 这是因为 JS 将 IIFE 解析为函数的参数调用 这样做时
  • 在新的 Google 协作平台 <嵌入 HTML> 中使用 localStorage 和 IndexedDB 不起作用

    我正在尝试将新的 Google 协作平台用于我开发的网页 但是 我在存储本地数据时遇到了问题 本地文件在 Windows 和 Apple safari chrome 中运行良好 从 Google 协作平台尝试一下 没有什么乐趣 此外 在 s
  • 如何在react-bootstrap中禁用表单提交的

    在下面的代码片段中 我有许多文本类型的输入表单 如果用户点击 我似乎会得到相同的合成事件 就像他们按下提交按钮一样 我想忽略作为表单提交 只允许一个人按下 提交 按钮 我删除了一些表单组以减少示例 在所有情况下 按钮或 ENTER 键 e
  • 可以在初始 DOM 解析期间/之前修改 DOM 吗?

    是否可以在初始 DOM 解析期间或之前修改 DOM 或者我是否必须等到 DOM 被解析和构建之后才能与其交互 更具体地说 是否有可能阻止 DOM 中的脚本元素使用用户脚本 内容脚本或 Chrome 或 Firefox 中的类似脚本运行 在解
  • 如何将函数附加到弹出窗口关闭事件(Twitter Bootstrap)

    我做了一些搜索 但我只能认为我可以将事件附加到导致其关闭的按钮 https stackoverflow com questions 13205103 attach event handler to button in twitter boo
  • 将 GMT 时间转换为当地时间

    我以这种格式从我的服务器获取 GMT 时间 Fri 18 Oct 2013 11 38 23 GMT 我的要求是使用Javascript将此时间转换为本地时间 例如 如果用户来自印度 首先我需要采用时区 5 30并将其添加到我的服务器时间并
  • 设置 cookie 时中断 JavaScript 执行

    当设置 cookie 时 是否可以始终中断浏览器开发人员工具中的 javascript 执行 无需显式设置 JS 断点 document cookie 在 html head 块的开头添加此代码片段效果很好
  • DataTables row.add 到特定索引

    我正在替换这样的行项目 var targetRow entity row dataTable targetRow closest table dataTable DataTable dataTable row targetRow remov
  • 将 UMD Javascript 模块导入浏览器

    你好 我正在对 RxJS 进行一些研究 我可以通过在浏览器中引用它来使用该库 如下所示 它使用全局对象命名空间变量 Rx 导入 我可以制作可观察的东西并做所有有趣的事情 当我将 src 更改为指向最新的 UMD 文件时 一切都会崩溃 如下所
  • 可以设置标题样式吗? (并且使用CSS或js?)[重复]

    这个问题在这里已经有答案了 我想知道是否可以设计一个title a href title This is a title Hello a 样式问题有两个方面 文本格式 编码 我猜这是可能的 所以在问题中这样做 工具提示样式 你能把它弄大一点
  • 日期出现奇怪的错误,“未捕获非法访问”

    所以我试图找到最新的DateJavascript 可以处理 我把它减少到 9 月 275760 并增加了我开始捕获未捕获的天数illegal access例外new Date 09 24 275760 to new Date 10 13 2
  • 在 Shopify 商店中嵌入 Vue 组件

    在产品页面中 我尝试显示自定义 Vue 组件 为简洁起见 该组件根据给定的产品 ID 显示 Firebase 数据库中的一些信息 我最初尝试将其制作为 Shopify 应用程序 以便我可以访问他们的 API 我实现了 OAuth 并且可以检
  • 带参数的事件监听器

    我想将参数传递给 JavaScript 中的事件侦听器 我已经找到了解决方案 但我无法理解它们为什么或如何工作以及为什么其他解决方案不起作用 我有 C C 背景 但是 Javascript 函数的执行有很大不同 您能否帮助我理解以下示例如何
  • JavaScript 相对路径

    在第一个 html 文件中 我使用了一个变量类别链接 var categoryLinks Career prospects http localhost Landa DirectManagers 511 HelenaChechik Dim0
  • Vue.js[vuex] 如何从突变中调度?

    我有一个要应用于 json 对象的过滤器列表 我的突变看起来像这样 const mutations setStars state payload state stars payload this dispatch filter setRev

随机推荐

  • UIDEVICE方向

    大家好 我有我的启动屏幕 我想以横向模式显示它 并以纵向模式显示所有其他屏幕 我的根视图控制器充当启动屏幕我正在 viewdidload 方法中编写此代码 UIDevice currentDevice setOrientation UIIn
  • 部署 Symfony2 项目

    我们正在开发一个 Symfony2 项目 现在 它已完成并准备部署 我们将整个项目文件上传到服务器 当然通过 ftp 和数据库 现在 当我们打开它的任何页面时 我们都只是一个空白页面 空源代码 缓存是干净的 日志没有显示任何新内容 我们在
  • beautifulSoup中attrMap和attrs的区别

    我想知道有什么区别attrMap and attrs in 美丽汤 http www crummy com software BeautifulSoup 更具体地说 哪些标签有attrs以及哪些有attrMap gt gt gt soup
  • 没有为 WebJob 注册路由

    我已经设置了一个链接到网站的 Azure WebJob 工作正常 我似乎遇到了很多这样的错误 Http Action Response from host site scm azurewebsites net NotFound Respon
  • 使用实体框架迁移删除或重新创建数据库(代码优先)

    这是命令recreate or drop使用实体框架迁移时的数据库 not Initializers 我应该在上面写什么package manager console COMMENT 我正在寻找一些可以为我提供相同功能的命令Database
  • CSS 过滤器反转规则打破了 Chrome 68 上的固定位置[重复]

    这个问题在这里已经有答案了 我使用的是 Chrome 68 每当我有filter invert xxx on the 任何定位为fixed不会粘在屏幕上 它会随所有内容一起滚动 演示与filter invert xxx body heigh
  • ListBox.SelectedIndexChanged 第一次不会触发[重复]

    这个问题在这里已经有答案了 我有一个绑定到 BindingList 的 ListBox 默认情况下该 ListBox 为空 当选定的索引更改时 它应该使用选定对象中的数据更新其他控件 问题是 SelectedIndexChanged 事件不
  • 如何在 android studio (Camera2) 中获得相机分辨率

    我只需要设备的相机分辨率 以像素为单位 我已经尝试过这个 但它在我的应用程序上没有显示任何内容 我想我错过了一些东西 RequiresApi api Build VERSION CODES LOLLIPOP Override protect
  • SQL 不等于或为空

    我们想写这个查询 select from table where col1 blah and col2 something 我们希望查询包含 col1 为 null 并且 col2 something 的行 目前 查询不会对 col1 为空
  • 如何使用 Azure Monitor 或 ADF 本身触发 Azure 数据工厂 V2 中长时间运行的进程的警报通知?

    我一直在尝试找到当 ADF 任务 即 CopyActivity 或存储过程任务 运行超过 N 小时时触发警报的最佳方法 我想使用 Azure Monitor 因为它是推荐的通知之一Azure 中的服务 但是我无法找到 正在运行 的标准 因此
  • django 中的 django NoReverseMatch 异常

    我已经尝试了该网站上的许多解决方案来解决该问题 但仍然收到错误消息 我在这里放置了所有需要的信息 视图 py def about request return render to response homepage about html u
  • PWA:强制 window.open 打开浏览器而不是 PWA

    我构建了一个带有角度前端的 ASP NET Core 应用程序 角度应用程序有 angular pwa节点包设置 因此它是一个渐进式 Web 应用程序 可以安装在 android windows 上 表现得像本机应用程序 我已经使用 Mic
  • 从列表中查找两个数字相加等于特定数字

    这非常糟糕而且混乱 我对此很陌生 请帮助我 基本上 我试图从列表中找到两个加起来等于目标数字的数字 我已经设置了一个例子lst 2 4 6 10 和目标值target 8 这个例子中的答案是 2 6 and 6 2 下面是我的代码 但它又长
  • Wiremock 日期格式

    我想生成以下格式的日期2019 03 28T15 30 59 12 00使用wiremock I tried currentDateTime now timezone Australia Sydney format yyyy MM dd T
  • 添加 Xamarin.Forms.Visual.Material nuget 后,XF Android 项目无法构建

    我有一个 Xamarin Forms 项目 现在我想使用新的视觉 材质功能来改进它 在 IOS 上 它就像一个魅力 在 Android 上 我遇到了奇怪的问题 添加 Xamarin Forms Visual Material nuget 后
  • 将 CLLocation 移动 x 米

    我定义了一个 CLLocation 我想将该点向东移动 x 米 向南移动 y 米 我怎样才能做到这一点 到 Swift 的转换 取自这个答案 https stackoverflow com questions 26490313 calcul
  • 使用 FFmpeg 从 Mac 进行网络摄像头流传输

    我想使用 FFmpeg 从 Mac 流式传输我的网络摄像头 首先我使用检查了支持的设备ffmpeg f avfoundation list devices true i Output AVFoundation input device 0x
  • PL/SQL 的代码覆盖率

    有人有 PL SQL 代码覆盖率的工具或经验吗 我相信使用 DBMS PROFILER 可以做到这一点 http www toadworld com BLOGS tabid 67 EntryID 267 Default aspx http
  • 让 ssh 在目标机器上后台执行命令

    这是一个后续问题如何在 shell 脚本中使用 ssh https stackoverflow com questions 29061 how do you use ssh in a shell script问题 如果我想在远程机器上执行在
  • 向上/向下滑动在 Ionic 2 上不起作用

    我该如何使用swipe up or swipe down与离子2 我已经尝试过手势API http ionicframework com docs v2 components gestures但它仅在水平滑动时触发