Angular拖放事件在cdkDragStartDelay结束后。_程序开发

创始人

2024-10-29 19:31:33

0次

在Angular中，可以使用CDK（Component Dev Kit）来实现拖放功能。CDK拖放事件提供了一个cdkDragStartDelay选项，用于在开始拖动之前设置延迟时间。

以下是一个示例解决方法：

首先，确保已经安装了@angular/cdk和@angular/material库。可以使用以下命令进行安装：

npm install @angular/cdk @angular/material

在需要应用拖放事件的组件中，引入相应的CDK模块：

import { Component } from '@angular/core';
import {CdkDragStartDelay} from '@angular/cdk/drag-drop';

在组件类中，定义一个延迟时间变量：

delay: CdkDragStartDelay = 500; // 设置延迟时间为500ms

在模板中，使用cdkDragStartDelay指令来应用拖放事件，并设置延迟时间：

这样就可以在cdkDragStartDelay结束后开始拖动了。根据上面的示例，延迟时间为500ms，意味着在按下鼠标并保持500ms后，才会开始拖动。

希望以上解决方法能对你有所帮助！

第五俱乐部!阿拉斗牌赢牌(透视... 第五俱乐部!阿拉斗牌赢牌(透视)太坑了其实真的有挂(存在有挂)-哔哩哔哩是一款可以让一直输的玩家，快...

七规律(wpk辅助)外挂透明挂... 1、七规律(wpk辅助)外挂透明挂辅助工具(透视)我来教教你(有挂方针)-哔哩哔哩。2、wpk辅助透...

4个外挂!德扑之星作弊(胜率计... 4个外挂!德扑之星作弊(胜率计算软件)辅助透视（有挂详细）-哔哩哔哩1、这是跨平台的德扑之星黑科技，...

第2个打法!wepoke透明挂... 您好，wepoke透明挂这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩家...

6透明挂(来玩app德州)外挂... 6透明挂(来玩app德州)外挂透明挂辅助工具(辅助挂)微扑克教程(新版有挂)-哔哩哔哩；亲真的是有正...

八苹果版!微信上微乐麻将是不是... 八苹果版!微信上微乐麻将是不是有挂呀(透视)太坑了其实真的有挂(确实有挂)-哔哩哔哩是一款可以让一直...

两个外挂!德扑数据分析软件(胜... 两个外挂!德扑数据分析软件(胜率最低的牌)透视辅助（揭秘有挂）-哔哩哔哩；德扑数据简单的灵活控制，仅...

第6个插件!wpk专用辅助程序... 第6个插件!wpk专用辅助程序(辅助透视)原来真的有挂（真是有挂）-哔哩哔哩；wpk专用是一款益智类...

第四开挂(德扑ai怎么系统)外... 第四开挂(德扑ai怎么系统)外挂透明挂辅助挂(透视)黑科技教程(发现有挂)-哔哩哔哩；德扑ai怎么系...

第1辅助!欢乐麻将系统故意让你... 第1辅助!欢乐麻将系统故意让你输(透视)太坑了原来真的有挂(竟然有挂)-哔哩哔哩1、下载好欢乐麻将系...