1

我正在使用 Highcharts-ng https://github.com/pablojim/highcharts-ng

查看源代码，我看到指令中发生了一些事情 with scope.$on 我可以用来广播。例如...

scope.$on('highchartsng.reflow', function () {
  chart.reflow();
});

然后在我的控制器中，我可以在作用域上调用监视函数：

$scope.$watch("someElement", function(nV,oV){
  if(nV===oV) return;
  $scope.$broadcast('highchartsng.reflow');
});

这很好用并且很有意义。我不明白为什么我不能在指令中添加额外的东西。例如，如果我可以从指令中调用 .reflow() ，我应该可以很容易地调用 .zoomOut() ，对吗？

// This doesn't work when I add it to the directive..
scope.$on('zoomOut', function() {
  chart.zoomOut();
});

// And broadcast the change from a scope in the controller
$scope.$watch('someElement', function(nV,oV){
    if(nV===oV) return;
    $scope.$broadcast('zoomOut');
});

可以做些什么来完成这项工作？如果它不能完成，我怎样才能让jQuery控制它呢？（甚至有可能让 jQuery 接管指令的某些方面，而不是依赖 Angular 来处理所有事情吗？）

4

1 回答 1

2

那应该行得通。正如上面的评论所说，确保你在正确的范围内调用它。

您可以只使用 jquery 来获取图表的句柄，然后调用您想要的任何方法。请参阅：如何通过 DOM 容器访问 Highcharts 图表

我添加许多此类事件的速度很慢，因为它们将应用于页面上的所有图表，并且看起来不是一种非常有角度的做事方式。

于 2014-04-10T16:58:14.770 回答