javascript - Angular : how to update non-angular javascript variable in response to a change of scope model?

Question

我有一个巨大的 jQuery 插件，带有来自第三方团队的域逻辑，我真的不想弄乱它的内部结构。该插件公开了一个名为 browser 的对象到全局命名空间。

我有一个简单的 Angular Controller 。我做到了$watch() browser的变化(使用对象相等，而不是引用相等)并相应地更新范围:

$scope.$watch(browser, function(newValue, oldValue, scope) { scope.browser = newValue; }, true);

很好，但现在我需要做相反的事情:我需要更新全局 browser对象时 $scope.browser Angular 过程中的模型变化 $digest环形。我该怎么做？

可能，我需要为 Angular 的脏检查循环创建一个自定义 Hook 。我知道这是一个糟糕的方法，双向绑定(bind)的全部目的是避免这些手动回调，但我只是想不出更好的解决方案。

Answer 1

简单地你可以以同样的方式反转

$scope.$watch("browser", function(newValue, oldValue, scope) { browser = newValue; }, true);