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')
}