点击时通过d3.chart指令改变角度状态

Question

回到另一个Angular问题。我正在使用一个使用miso项目提供的d3.charts的指令，并且一直在遇到问题。我试图在生命周期的插入部分期间设置一个on click事件。此单击事件将更改状态为新视图和控制器。到目前为止，点击将我带到一个具有相同url参数的空白页面，但当我点击页面上的其他位置时，它会更新网址并更改视图。让我举一个例子。

var d3 = require('d3');
require('...thechart');
/*@ngInject*/
var genericDirective = function($state){
  return{
    restrict: 'A',
    scope:{
      //directive arguments 
    }
  },
  template://some template

 link: function(scope, element){

 //chart design logic
 //......
 var chart = d3.select(element[0])
   .append('svg')
   //other chart things ...
   .on('click', function(data){
     $state.go( 'myState', {someArgs: data});
   })
   .chart(//bring in theChart//)
     //chart attributes....
    ;

 chart.draw(scope.data);
 }


}