根据Angular CDK拖放文档,所有可拖放项都应使用迭代数组的*ngFor
指令编写。但是,如果我想使可拖放的项目是角度组件呢?什么是使它们可放下的程序?
例如,下面的代码是呈现一个普通的可删除div。如果我想在第二行渲染多个角度组件,该怎么办?在这种情况下,我不能使用*ngFor
指令,因为每个角组件都非常不同,我不能将它们保留在任何数组中。
<div cdkDropList class="example-list" (cdkDropListDropped)="drop($event)">
<div class="example-box" *ngFor="let movie of movies" cdkDrag>{{movie}}</div>
</div>
怎么才能做到像下面这样呢?(以下代码不起作用)
<div cdkDropList class="example-list" (cdkDropListDropped)="drop($event)">
<widget-temperature cdkDrag></widget-temperature>
<widget-pressure cdkDrag></widget-pressure>
</div>
我的主要目标是制作一个小部件仪表板,使这些小部件可以拖动和拖放。如果有人知道任何合适的库除了角CDK拖放,可用于角组件,请让我知道。
请尝试使用cdkDropListGroup
<div cdkDropListGroup class="example-list" (cdkDropListDropped)="drop($event)">
<widget-temperature></widget-temperature>
<widget-pressure></widget-pressure>
</div>
我正在尝试在我的Angular 6应用程序中添加拖放功能,我正在尝试使用Angular material。这是我想要使用的概述链接。我遵循了入门说明,但我无法使用“@angular/cdk/drag-drop”,我尝试安装了bellow软件包 npm安装-保存@角/材料@角/cdk@角/动画 和 npm安装--保存@angular/cdk 从'@角/cdk/拖放'导入{DragDropMoules
我工作在一个应用程序实现新的拖放角材料CDK和我试图取消拖动事件的元素按下,我的意思是,我开始拖动元素,但如果我按当我拖动元素时,它应该回到我开始拖动它的位置,到目前为止,我还没有找到这样做的方法,有人知道我怎么做吗?在cdk留档里没有关于这个的任何想法。我试着做这样的事情。 样板 Ts组件 但到目前为止还没有成功。
问题内容: 问题: 尝试在使用angular-drag-and-drop-lists的前端中模拟拖放 尝试过: 1.jquery-simulate:给出以下错误 未捕获到的TypeError:无法在’EventTarget’上执行’dispatchEvent’:参数1不是’Event’类型的。 2.drag-drop-helper.js:点击发生在要拖动的项目上 3.drag_to:什么也没发生
使用Material CDK库中的拖放行为,我试图在拖动元素时更改光标。 例如,在此StackBlitz中,光标悬停时为。我希望它在拖动时变为抓取。这方面的一个例子是在Google工作表中抓取一行时发生的情况: 读取样式化拖放组件的留档,看起来向这个类添加游标属性应该可以做到这一点: . cdk-drop-list-draging:当用户拖动项目时添加到cdkDropList的类。 代码如下所示:
问题内容: 我有一个双滑块,我想测试一下它是否可操作并返回正确的数据。滑块具有最小和最大处理程序,还具有一些“我可以挂钩的断点”。 我要模拟的是 “ .handler-max”元素的touchStart 将拇指移到类为“ .step-3”的元素上 “ .handler-max”元素的touchEnd 同时我发现了如何触发touchStart和touchEnd事件。我对如何模拟拇指的移动一无所知 P
我需要帮助进行角度拖放。就像我需要把一个图标拖到画布上。 我已经通过了许多例子,这是我所做的例子。当我拖动那个对象时,对象的副本应该被移动。我看了很多例子,请大家帮忙。