title: How do I use angularjs directives in generated d3 html?
body: <p>I'm trying to use the angularjs <a href="http://angular-ui.github.io/bootstrap/#/tooltip" rel="noreferrer">tooltip directive</a> on my d3 visualisation, so I have something like
  </p>
  
  <pre><code>var node = svg.selectAll(".node")
      .data(nodes)
      .enter().append("circle")
          .attr("tooltip-append-to-body", true)
          .attr("tooltip", function(d) {
              return d.name;
          })
  // ... attributes
  </code></pre>
  
  <p>However, the tooltips are not showing. Do I need to <code>$compile</code> or something? I've tried wrapping it around <code>$timeout</code> too, but that didn't work.</p>