Working with an angular.js directive and d3 integration can sometimes be tricky, but thanks to resources like stackoverflow it's definitely achievable. However, I'm currently facing issues with getting the arrows to display properly in my project. The code I'm using is based on an example by M.Bostock.
(View Original Example)
Despite inspecting the DOM and confirming that the arrows are present, they just won't show up on the screen. Any ideas or suggestions would be greatly appreciated.
The Directive
angular.module('test').directive('myNodes', ['$compile', function ($compile) {
// Directive logic here...
}]);
The HTML
<div my-nodes></div>