Javascript 角材料CDK掉落事件未点火
我尝试使用角度材质拖放一个自由节点。它不是列表的一部分,但我想知道该项目何时被删除。我不知道我怎样才能参加这个活动 我只是想知道节点何时被删除 以下是我目前的代码:Javascript 角材料CDK掉落事件未点火,javascript,angular,drag-and-drop,angular-material,angular-cdk,Javascript,Angular,Drag And Drop,Angular Material,Angular Cdk,我尝试使用角度材质拖放一个自由节点。它不是列表的一部分,但我想知道该项目何时被删除。我不知道我怎样才能参加这个活动 我只是想知道节点何时被删除 以下是我目前的代码: <svg id="svgCanvas" > <g *ngFor="let link of linkPaths"> <path [attr.d]="link"></path> </g> <g *ngFor="let n
<svg id="svgCanvas" >
<g *ngFor="let link of linkPaths">
<path [attr.d]="link"></path>
</g>
<g *ngFor="let node of nodes" id="nodesGroup">
<circle class="node" [attr.cx]="node.x" [attr.cy]="node.y + 45" [attr.r]="settings.nodes.radius"
(click)="nodeClick($event)" (dragEnd)="drop($event, node)" [attr.data-selected]="node.data.selected" cdkDrag cdkDragBoundary="#svgCanvas" ></circle>
</g>
</svg>
单击事件似乎有效,但不会触发
我可以看到列表支持拖放功能,但我并没有将拖放功能用于列表。这些是自由移动的节点 使用(cdkdragend)事件
(cdkdragend)=“drop($event,node)”
闪电战:
可拖动元素的内容
就你而言:
Hi Michel抱歉,这似乎是一个列表。我明确提到我没有使用列表,你的答案缺乏任何细节。。。尝试添加代码示例等,以改进您的答案。我知道您是堆栈溢出新手,所以我只是给您一些反馈。嘿,您的权利,我更改了我的答案。cdkDropListDropped用于列表(与CdkDropList结合使用)。我现在把它改成了cdkdragend。这应该行得通,因为它不是用于列表,而是与CdkDrag结合使用。希望能有帮助。我添加了一个stackblitz来演示dragEnd上的拖放触发功能。啊,谢谢Maichel,最后我自己实现了拖放。这其实并不难,但如果我能用它来减少我的代码库,那将是值得的。非常感谢。我会检查重写是否有效,当我可以测试它时,我会设置一个可接受的答案。再次感谢。
private drop(event) {
console.log('drag end')
}