javascript - 在 Angular 中重新加载/启动事件 Controller

Question

我有一个 Controller 如下。它使用 d3 指令绘制折线图并通过服务从 JSON 请求中获取数据。

myApp.controller('DownloadsLineCtrl', ['$scope', 'requestService', function($scope, requestService){
  $scope.title = 'Downloads over Time';
  $scope.tooltip = 'Test tooltip';
  requestService.getDownloadsLineData(global_m, global_y).then(function(data) {
        $scope.d3Data = data;
    });
}]);

我还有一个重新加载控件，它应该在变量 global_m 和 global_y 更改时重新加载 Controller 。我该如何着手实现呢？我不确定从哪里开始......我来自 JQuery 思维模式并且很难将我的大脑 Angularifying。

Answer 1

您不必重新加载 Controller m8。 $scope.$watch 是你所需要的:

https://docs.angularjs.org/api/ng/type/$rootScope.Scope#$watch

例子:

$scope.$watch('global_m', function(newValue, oldValue) {
  // global_m was changed, new value is 'newValue'
});

您必须先声明 $scope.global_m 才能使用 $watch 观察器。您可以对要观察的其他变量执行相同的操作。