angular2 d3.event.sourceEvent不存在

Question

尝试在angular2上使用d3执行拖动功能我发现了一个示例但是在JS中尝试在ng2中使用它但是我遇到了.sourceEvent的问题它说它不是d3.event属性的一部分。

js type：https://bl.ocks.org/mbostock/6123708

＆＃13;

＆＃13;

public canvas = d3.select('my-app')
        .append('canvas')
        .attr('width', this.width)
        .attr('height', this.height)
        .attr('class', 'canvas');

    public drag = d3.behavior.drag()
        .on("drag", this.dragstart);
    
    dragstart (d) {
       d3.event.sourceEvent.stopPropagation();
        d3.select(this).classed("dragging", true);
    }

＆＃13;

＆＃13;

＆＃13;

Answer 1

尝试改为使用d3.event.stopPropagation()。

预测您的下一个错误... d3.select(this)在Angular2中无法使用，因为this关键字与Angular组件相关。使用d3.select(d3.event.target)。