d3.js - 是否有可能让 Angular2 和 D3.js 一起工作？

Question

通过协同工作，我的意思是我可以在 D3.js 代码中放置 Angular 绑定(bind)，也许

    .attr("bind-attr.fill", "aColorVar")

其中 aColorVar 是一个变量，它也可以以 Angular 方式绑定(bind)到颜色控件。

我可以在 Angular1 中做类似的事情，不幸的是使用 $compile。当 SVG 用作组件模板时，我可以绑定(bind) SVG 属性。

Answer 1

我相信在 Angular 2 中我们只能在模板中设置绑定(bind)，而不能在代码中设置，所以我想不出一种方法来实现它。

我能想到的最好的办法是把D3代码放到一个组件或一个指令中，然后你就可以使用组件/指令属性了:

.attr("fill", this.someComponentProperty)

但是，这不会设置任何类型的绑定(bind)。如果更新属性 someComponentProperty，则需要再次执行该行代码。