我正在开发一个框架，该框架旨在添加到本机 macOS 应用程序中，以便它可以将事件发布到应用程序的事件队列中以响应触摸屏事件。为了...
如何为可重新排序列表编写剧作家测试用例？ Playwright mouse.move 在尝试重新排序 div 时不起作用
我正在尝试重新排序 div，例如重新排列顺序，但是 div 没有移动。 我无法在这里发布用户界面，但它是这样的 https://codepen.io/dsenneff/pen/JjNPJer/
在 Angular 中使用 cdkDropListData 时出现错误，无法绑定到“cdkDropListData”，因为它不是“div”的已知属性
<div cdkDropList #girlList="cdkDropList" [cdkDropListData]="girls" [cdkDropListConnectedTo]="[convaList]" class="example-list" (cdkDropListDropped)="drop($event)"><div class="card color-challenging mb-2" *ngFor="let girls_data of girls" cdkDrag> <div class="card-body p-2 justify-content-between align-items-center d-flex"> <span class="reading-grade font-weight-bold">{{girls_data.id}}</span> <div class="student-grade flex flex-grow-1"> <p class="justify-content-between align-items-center d-flex"> <span class="student-name">{{girls_data.firstName}}{{girls_data.lastName}}</span> <span>{{girls_data.gender}}</span> </p> <p class="justify-content-between align-items-center d-flex"> <span>{{girls_data.currentAcademicYear}}</span> <span><i class="fa fa-ban" aria-hidden="true"></i> <i class="fa fa-paperclip" aria-hidden="true"></i></span> </p> </div> <span class="behavior-grade text-right font-weight-bold">{{girls_data.inGrade}}</span> </div> </div> 使用 [cdkDropListData] 时，控制台上出现错误，无法绑定到“cdkDropListData”，因为它不是“div”的已知属性。 我是 Angular 新手，所以请避免新手行为 我已经在 module.ts 中导入了 CdkDragDrop 这是组件文件。 import {Component, NgModule} from '@angular/core'; import {StudentModel} from '../model/studentRepository.model'; import {Student} from '../model/student.model'; import {CdkDragDrop, DragDropModule, moveItemInArray, transferArrayItem} from '@angular/cdk/drag-drop'; @Component({ selector: 'student-selector', templateUrl: 'studentSelector.component.html', styleUrls: ['./studentSelector.component.css'] }) export class StudentSelector { boys = []; girls = []; constructor(private dataModel: StudentModel) { this.boys = dataModel.getStudents(); this.girls = dataModel.getStudents(); } get students(): Student[] { return this.dataModel.getStudents(); } conva = []; drop(event : CdkDragDrop<string[]>){ transferArrayItem(event.previousContainer.data, event.container.data, event.previousIndex, event.currentIndex); } } 这是模块文件。 import {NgModule} from '@angular/core'; import { StudentModel } from './studentRepository.model'; import { SimpleDataSource } from './datasource.model'; import {DragDropModule} from '@angular/cdk/drag-drop'; @NgModule({ providers: [StudentModel,SimpleDataSource], imports : [DragDropModule] }) export class ModelModule { } 导入应该是这样的： import {NgModule} from '@angular/core'; import { StudentModel } from './studentRepository.model'; import { SimpleDataSource } from './datasource.model'; import {DragDropModule} from '@angular/cdk/drag-drop'; @NgModule({ providers: [StudentModel,SimpleDataSource], imports : [DragDropModule] }) export class ModelModule { } 并且（参见代码中的注释） import {Component} from '@angular/core'; <= NgModule removed import {StudentModel} from '../model/studentRepository.model'; import {Student} from '../model/student.model'; import {CdkDragDrop, moveItemInArray, transferArrayItem} from '@angular/cdk/drag-drop'; <= DragDropModule removed @Component({ selector: 'student-selector', templateUrl: 'studentSelector.component.html', styleUrls: ['./studentSelector.component.css'] }) export class StudentSelector { ... } 一般： xxxModule 只能在模块级别导入，而不是在组件级别导入。 另外，正如我在评论中提到的： 看起来您的 StudentSelector 与您的 ModelModule 位于不同的模块中（至少它不是您提供的声明的一部分）。组件只能在声明它的模块中使用（声明列表），或者导入另一个模块，该模块反过来声明该组件并导出它（导出列表）。 将其导入您的应用程序模块中 import { DragDropModule} from '@angular/cdk/drag-drop'; 然后重新运行应用程序。 问题很可能是没有导入正确的模块。 import { DragDropModule} from '@angular/cdk/drag-drop'; 不过，如果有人面临这个问题，则意味着您尚未在任何模块中声明您的组件（例如：App.module.ts） 因为这个属性需要模块声明。 （例如：如果有人使用ComponentFactoryResolver打开一个组件，那么它不需要在app.module中声明，但要使用'[cdkDropListData]'，则需要声明它app.module） 这不是非常技术性的解决方案，但我遇到过一些事情。 1。在加载页面之前清除缓存（如果您通常不清除它）。有时会错过将数据获取到变量的情况。 2。修复当前页面中的运行时错误（可能在另一个块中但在同一页面中）。 但是我遇到了第一个问题。当我清除缓存时它起作用了。 确保在该模块中导入cdkDropListData，其中在其声明中导入相同的组件。 简单来说，想要使用 cdkDropListData 模块的组件必须是 imported 模块中。 现在声明部分中的相应组件和 cdkDropListData 在同一模块的导入部分 如果您的项目使用，例如，shared.module.ts 您必须在其中导入和导出cdkDropListData 现在您必须将共享模块导入到导入相应组件的同一模块中
无法绑定到“cdkDropListData”，因为它不是“div”的已知属性。？
我正在尝试在 Angular 中使用 cdk 进行拖放操作，但是当我尝试将代码导入到我的项目（导入等）时，终端显示无法绑定到“cdkDropListData”，因为它不是已知的财产...
我正在尝试将 .csv 文件拖放到 Playwright 中的网页并使用 Typescript，但该文件没有被删除。 我正在关注这个问题 https://github.com/microsoft/playwright/issues/
如何使用GongDragDrop拖动ItemsControl的某个元素？
我最近开始使用 MVVM。 我有一个名为 TaskBox 的 UserControl，并为其创建了一个 TaskBoxVM。我还有一个 TaskListing 控件和一个 TaskListingVM。在任务列表中，我...
大致遵循我在更常见场景中发现的内容，例如这里，我尝试使用拖放来允许用户在屏幕上移动图像。 这是一个遗留应用程序，所以我不得不使用 Fra...
newDragSource() 在黄金布局 2.6.0 中不起作用
我们正在（缓慢且极其痛苦地）在一个巨大的 Angular 16 生产应用程序中从黄金布局 1.5.9 迁移到黄金布局 2.6.0。 在我们的应用程序中，我们有一个包含名称的下拉菜单...
android中拖动操作时如何取消View.OnDragListener？
我使用 view.startDrag() 开始拖动操作。拖动时，OnDragListener 会接收事件。我还使用 DragShadowBuilder 在拖动时显示视图 B 的最后一个图像。 难道是……
我想在DropTarget不接受时显示draggable的反馈动画。Flutter不显示反馈。我们有什么办法可以展示或控制它吗？就像这个例子...
我正在尝试用 React 构建一个游戏，它需要拖放功能。该游戏有两个主要组件：SideBar 和 GameBoard。 SideBar 包含要拖动到 GameBoard 上的元素。阻力...
当光标快速移动时，使用 PIXI + React + ts 拖动无法正常工作
我想像这里一样进行拖放操作 主要代码： 从“反应”导入{FC} 从“./DrawPage.module.scss”导入样式 从“@pixi/react”导入{Stage}； 从 & 导入块
我有一个包含 2 个面板的表格： Panel1.BackColor 为 Color.Red Panel2.BackColor 为 Color.Blue 将 panel1 拖到 panel2 时，panel2 必须采用 panel1 的颜色 启动拖动操作面板时...
如何在 Swift 中的 .position 修饰符的视图中存储在模型中的 CGFloat 值？
我有一个动物模型，其中包含动物名称、图像、位置X和位置Y。我尝试在.position修饰符中使用位置X和位置Y变量来将动物图像拖放到位置...
React Beautiful DnD 在 React Typescript 项目中不起作用
我已经使用 Typescript 创建了一个新的 React 项目，使用 create React app - 现在我想添加拖放功能。 基本上，我正在构建一个精心设计的待办事项列表，但此时，我...
如何在 dnd-kit/core React JS 中进行多选
请问如何在 dnd-kit 中实现多选？ 这本故事书展示了它的实际应用，但没有显示完整的代码 故事书链接
我正在创建一个 WPF 数据网格，我希望能够通过拖放对行重新排序，如下所示：我单击一行并将其向上或向下拖动。正如我所做的那样，一个标记显示了该行将被放置的位置...
我创建了一个组件列表（简单标签），并在其上放置了 D&D 机制（灵感来自：https://www.w3schools.com/howto/howto_js_draggable.asp）。 当我用非平滑拖动一个组件时
通过在 JavaScript 中拖动手柄来调整形状大小的问题
我正在开发一个 JavaScript 应用程序，其中我正在实现通过拖动手柄来调整形状大小的功能。我遇到了调整大小功能的问题。另外，调整大小时
JavaScript 可拖动元素在鼠标拖动操作期间不规则地移离光标
我的 JavaScript 应用程序中的拖动功能遇到问题。我已经使用鼠标事件的事件监听器（mousedown、mousemove、mouseup）实现了可拖动元素，...