javascript - 如何根据另一个非 Angular JS 文件中的全局变量更新我的 Angular $scope 变量

Question

如何根据另一个非 JS Angular 文件中的全局变量更新我的 Angular $scope 变量？我正在使用 jQuery 插件来生成一些值。我想将此值连接到 Controller 中的 $scope 变量。然而，这个值是不断变化的，我不认为我的 $scope 变量会随着非 Angular 变量的变化而自动更新。有什么好的方法可以做到这一点？谢谢!

Answer 1

您可以通过将全局变量包装在函数中来使用 $watch。在 Controller 的 link 函数中，添加以下内容:

$scope.$watch(
    function() {
        return globalVar;
    },
    function(newValue, oldValue) {
        // Global var changed! Do stuff.
        $scope.scopeVar = newValue;
    });

AngularJS 不断轮询或检查第一个函数的返回值，该函数返回全局变量。每个摘要周期都会执行多次此操作。

当值更改时，它会调用第二个函数，该函数是更改的事件处理程序。您可以在此处添加处理更改的逻辑。为了方便起见，更改处理程序会同时传入旧值和新值。

在本例中，我只是使用更改后的全局值设置范围变量。