AngularJS与D3.js的集成

AngularJS integration with D3.js

本文关键字:集成 js D3 AngularJS      更新时间:2023-09-26

有人能描述一下集成AngularJS和D3.js的简单策略吗?两个图书馆的工作方式似乎大不相同。D3希望所有数据绑定到DOM元素,Angular希望将其保留在ViewModel("控制器")中。

我很难思考如何在D3中编写一个交互式的UI,同时仍将内容保留在AngularJS中。

如有任何帮助,我们将不胜感激。

几乎所有操作都使用Angular指令。控制器的使用应尽量减少。在d3代码中,只与指令在其链接函数中提供的element交互。例如

.directive('myDirective', function() {
  return {
    link: function(scope, element, attrs) {
      d3.select(element[0]).append('svg');
    }
  };
});