javascript - AngularJS 在视图更改上重新触发控制器的最佳方法

Question

因此，使用 angularJS webapp，我正在使用 nvd3 绘制一些图表。

我有一个从 API 提取数据的工厂和一个从工厂获取数据的控制器，进行一些计算并绘制图表。假设我的视图中有一个下拉列表，其中包含 REST API 调用的不同参数选项，每个选项都会生成不同的图表。

当用户从下拉列表中选择一个选项时，最好的方法是在控制器中重复计算并重新绘制新图形。

我尝试使用，ng-change=callAnUpdateFunction(foo)但我没有成功重新触发控制器。

JSFIDDLE！

谢谢

Answer 1

我建议使用以下方法：使用 $watch 从下拉列表中观察您的选择，例如：

$scope.$watch('valueBindToSelect', function(){
   $scope.$emit('SelectValueChangedEvent');
});

$scope.$on('SelectValueChangedEvent', function(){
  doSomeComputationAndReplotGraph();
})