卡片上的 Ionic 长按事件

2023-12-20

如何在 Ionic 中为卡片设置长按事件以启动特定卡片的操作表。帮我在 ionic 中绑定这个长按事件


Ionic 4 种手势: 安装 HammerJs。

npm install hammerjs

里面:src/main.ts

/**
 * Hammerjs must be imported for gestures
 */
import 'hammerjs';

你可以这样做:

<ion-card (press)="tapEvent($event)">
  <ion-item>
    Tapped: {{tap}} times
  </ion-item>
</ion-card>

In .ts

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

卡片上的 Ionic 长按事件 的相关文章

  • Ionic iPhone X 安全区域无法正常工作

    我正在尝试在顶部工具栏和底部选项卡区域之间安装一个 我需要它能够在 iPhone 5 X 和 iOS 10 11 上运行 如果你忽略iOS10 那么就不存在问题 但我还需要旧版本才能工作 这是我的 CSS margin top 在 iOS
  • 从 firebase 检索用户个人资料数据并显示

    我使用以下代码在 firebase 中创建用户配置文件 username string msgnumber number level number constructor private fire AngularFireAuth priva
  • 如何禁用 Ionic2 / Angular2 上的“未使用的导入”警告

    我知道有一个选项可以禁用这些 未使用的导入 警告tslint跑步时ionic serve or ionic build 但我不知道该把它放在哪里 有人知道吗 谢谢 1 https palantir github io tslint rule
  • 角度 4 单击按钮功能未触发

    我正在尝试检查文本输入是否为空或不在角度 4 中 我没有为此使用表单 这只是一个输入字段 当我在下面的按钮中执行 addLocaton 函数时 需要进行检查 我的输入字段
  • Ionic 4 Loadingcontroller 覆盖不存在

    我创建了一个简单的函数来创建这样的加载 async presentLoading const loading await this loadingController create message Please Wait await loa
  • 谷歌分析与 Ionic

    我正在尝试使用 Google Analytics 添加到 Ionic phonegap Covdova 应用程序中this https blog nraboy com 2014 06 using google analytics ionic
  • Ionic 框架 - Config.xml

    我需要修改 config xml 文件 因此在针对 Android 进行编译时我会获取以下权限
  • patchValue 与 {emitEvent: false } 触发 Angular 4 formgroup 上的 valueChanges

    我有一个表单构建器组 正在监听 valueChanges 的更改并触发保存函数 然后触发表单上的刷新函数 this ticketForm valueChanges debounceTime 1000 distinctUntilChanged
  • 调整离子卡中的图像大小

    我想显示一组图像 并在下面说明 我选择使用 Ionic 卡 我得到这个结果 第一张图片 虽然我想保留现在的相同布局 并添加描述 这是我的代码
  • ChangeState 之后重置/卸载控制器(调用注销)。 AngularJS

    我正在创建一个应用程序 用户可以从 Facebook 或 Twitter 登录 登录后 用户将被定向到某个主页 在这里 控制器加载并调用我的初始函数 该函数加载特定于该用户的数据 当用户单击 注销 时 令牌将被清除 用户将被定向到登录页面
  • 插件 gulp-babel 错误:插件/预设文件不允许导出对象,只能导出函数

    我现在尝试在我的 Ionic v1 应用程序中使用 JavaScript 2015 ES6 包 json name test version 1 0 0 dependencies ionic native deeplinks 4 18 0
  • 我的 [(ngModel)] 无法在 Ionic 4 的自定义组件中工作

    我正在我的 Ionic 4 项目中工作 我创建了一个自定义组件 但在该自定义组件中我 ngModel 不管用 这是我的自定义标头组件 component html
  • 滑动浏览段选项卡 - Ionic 3

    下面的代码使用 ionic 3 中的片段 文档显示了 ngSwitch ngModel 的使用 但我想简单地在该段上滑动并切换到另一个段选项卡 我怎样才能实现这个目标 我对滑动顶部的选项卡不感兴趣 但通过滑动内容我想更改分段选项卡
  • 将 Cordova console.log 写入文件

    有谁知道是否有可能console log写入文件或类似的东西 我已经记录了我的应用程序 但它仅写在控制台上 出于远程目的debugging我也需要将现有日志写入文件 我想创建一个文件并将日志写入该文件中 但这将使我复制现有的日志代码 因此
  • Android studio SDK 管理器丢失

    我正在关注这个离子教程 https ionicacademy com get started with ionic 在 Android Studio 中设置 SDK 来测试我的 ionic 项目时遇到了一些问题 我正在寻找 SDK 管理器
  • 添加媒体插件后 Ionic Cordova IOS 构建失败

    我正在使用 Ionic Framework 和 Cordova 开发一个移动应用程序 我尝试添加 Cordova 媒体插件 但它无法为我构建 我什至尝试创建一个新的启动选项卡项目 然后添加媒体插件 如图所示 由于添加了媒体插件 该项目无法编
  • process.env.IONIC_ENV 正在返回 dev

    process env IONIC ENV正在返回dev always 这是我使用过的脚本 ionic serve prod But process env IONIC ENV正在返回dev代替prod 有什么想法吗 Thanks None
  • 从设备读取 ionic www/config.xml 文件

    我在从 Android 设备读取 www config xml 文件时遇到问题 我尝试了两种不同的方法 首先 我尝试使用另一个线程中推荐的 http 服务 当这不起作用时 我尝试使用 Cordova 文件插件 我这样做的原因是尝试从应用程序
  • Protractor+AngularJS+Jasmine - 测试按住项目

    AngularJS 和 Protractor 非常新 但我认为到目前为止我正在朝着正确的方向前进 我的网站有一个项目列表 当您单击该项目并按住 X 秒时 它会打开一个模式窗口 我如何在 Protractor Jasmine 中模拟这种行为
  • 错误:[$rootScope:infdig] 过滤器中发生了 10 次 $digest() 迭代

    我已尝试了有关此问题的所有答案 但找不到消除此错误的方法 我非常确定这个过滤器函数是导致上述错误的原因 filter collect ingredients function return function input if angular

随机推荐

  • Swift 无法定位和读取属性列表 (.plist) 文件

    我在让一个简单的命令行 OSX Swift 程序从一个简单的 plist XML 文件中读取数据时遇到了一个真正的问题 事实上 该程序甚至看不到该文件 尽管它似乎存在并复制到捆绑包中 数据由一个类处理 该类旨在读取 plist 数据并将其复
  • 如何从 highcharts 制作响应式饼图

    几天以来 我一直在尝试从 highcharts 中制作一个响应式饼图 我正在从事一个中等规模的项目 有时很容易失去概览 我已经检查过了 http www angulartutorial net 2014 03 responsive high
  • 向现有 Corda 网络添加新节点

    我正在尝试在 corda 网络中添加新节点和现有节点 我是作为文档做的 但无法实现 正如文档中所述 这足以创建一个包含 node conf 的文件夹吗 如果那么它在运行引导程序时不会更新文件夹中的数据和信息 但我可以通过添加 corda 和
  • 单元测试中的修补不起作用,正在调用实际方法

    我有一个 python 文件 update baseline manifest py 现在 我正在编写单元测试 想要修补 read file 和 write file 我已经这样做了 def update baseline manifest
  • 覆盖 dll 类属性集

    我在我的项目中使用了一千个封闭的 DllClass 实例 public sealed class DllClass public DllClass public string DllClassProperty get set DllClas
  • 获取异常 JDBC 类型没有方言映射

    我是 hibernate 和 java 的新手 我正在尝试执行本机 sql 查询 但我被卡住了 任何人都可以帮助我或检查我在哪里做错了吗 我的java代码是 try trns session beginTransaction String
  • Django 和 node.js :抛出参数[1]; // 未处理的“错误”事件

    我正在尝试 Django socket io 和 node js 示例实时 Django https github com mburst django realtime tutorial git 当我尝试从浏览器发送消息时 我从节点服务器收
  • 如何绘制具有两个刻度的 x 轴?

    我想画一个有两个刻度的x轴 如下图所示 ggplot2版本可以是这样的 library ggplot2 x c 1 2 3 4 5 10 20 30 40 50 y c 1 2 2 3 4 2 1 3 5 5 You should intr
  • 无法让 Robotium 在 Android Studio 中工作

    我正在努力让 Robotium 在基于 gradle 的 Android Studio 上工作 但我找不到方法 这是我的 build gradle 文件 buildscript dependencies repositories maven
  • 展平 JToken

    假设我有以下 JToken data company ID 12345 location Some Location name Some Name 我想将此令牌传递到输出此 JToken 的 FlattenToken 函数中 data co
  • 什么是代表图例或图表键的好图标?

    我正在实现一个小型网络应用程序小部件 它显示图表 或图表 地图 图形 其他 的图例 键 但仅在鼠标悬停在小部件上时显示 它基本上只是一个带有背景图像的 div 什么是一个好的图标来向不熟悉的用户传达 我展示传奇 或 我就是传奇 我正在寻找
  • 如何使用python的多处理来终止进程

    我有一些代码需要针对其他几个系统运行 这些系统可能会挂起或出现不受我控制的问题 我想使用 python 的多处理来生成子进程以独立于主程序运行 然后当它们挂起或出现问题时终止它们 但我不确定解决此问题的最佳方法 当调用终止时 它确实会杀死子
  • 比较对象数组

    我正在寻找一种比较 PHP 中对象数组的简洁方法 我知道我可以只检查大小相等的数组 然后循环遍历一个数组 查找第二个数组中的每个对象 但我认为使用一个或多个数组比较函数会更好 我已经测试了几个对象数组 我遇到的主要问题是数组比较函数坚持将元
  • 寻找空闲的中断槽

    有些小丑 BIOS DOS TSR 在中断向量表中写入了随机数据 我知道这一点是因为反汇编告诉我的 通常 在获取中断向量之前 我会验证所选的 IVT 插槽是否为空 但有了这一切遗留数据 一个不起眼的应用程序如何知道挂接特定中断向量仍然是安全
  • 为什么要在 golang 中使用组合?

    在下面的代码中 我展示了我认为 golang 中的嵌入 方法得到提升 和组合 方法不得到提升 之间的区别 为什么你想在 golang 中使用组合 type obj1Inherited struct obj2 type obj1Compose
  • 在 ASP 中使用 WinHttp.WinHttpRequest.5.1 进行异步 HttpRequest

    我试图制作 LINK FINDER 并面临2个问题 问题 1 已解决 无法获取重定向页面的 url 这已解决参考链接 https stackoverflow com questions 20358654 serverxmlhttp requ
  • Jackson Mapper - 如何在 null 或空值上失败

    我们在代码中使用 Jackson JSON 映射器来反序列化一些配置对象 当特定字段丢失或为空时 我们希望 Jackson 反序列化失败 Jackson 支持这种行为的唯一功能是针对原语 final DeserializationConfi
  • Python - Docker 客户端连接中的 tlsv1 警报协议版本错误

    我在用着Docker py https docker py readthedocs io en latest api and 码头工人 https github com d11wtq dockerpty为了exec命令使用DockerPyt
  • 无法应用插件 Android Gradle 插件 3.0.0-alpha5 不得应用于项目

    使用最新的Android Studio 3 0 Canary 5 这是错误 错误 1 1 评估项目 app 时出现问题 无法应用插件 类 com android build gradle api AndroidBasePlugin Andr
  • 卡片上的 Ionic 长按事件

    如何在 Ionic 中为卡片设置长按事件以启动特定卡片的操作表 帮我在 ionic 中绑定这个长按事件 Ionic 4 种手势 安装 HammerJs npm install hammerjs 里面 src main ts Hammerjs