新版本中的D3事件

Question

我写了以下片段：

ngAfterViewInit() {
var svg = d3
.select("svg")
.call(d3.zoom().on("zoom", () => {
svg.attr("transform", d3.event.transform)
}))
.append("g")
}

我知道d3.event在新版本中已经被删除，但阅读关于如何处理回调中的事件的文档并不能让我理解如何修改它。。。

有人能用一种像我这样的新手都能理解的简单方式向我解释一下这一点点，以及如何将其修复到工作中吗？感谢

Answer 1

根据本迁移指南，d3.event.transform必须替换为以下

ngAfterViewInit() {
let svg = d3                                // <-- I'd suggest using `let` instead of `var`
.select("svg")
.call(d3.zoom().on("zoom", (event) => {   // <-- `event` argument
svg.attr("transform", event.transform); // <-- use `event` here
}))
.append("g");
}