AngularJS 从外部 js 函数访问范围

Question

我试图看看是否有一种简单的方法可以通过外部 JavaScript 函数访问 Controller 的内部范围(与目标 Controller 完全无关)

我在这里看到了其他几个问题

angular.element("#scope").scope();

将从 DOM 元素检索范围，但我的尝试目前没有产生正确的结果。

这是 jsfiddle:http://jsfiddle.net/sXkjc/5/

我目前正在经历从普通 JS 到 Angular 的过渡。我试图实现这一目标的主要原因是尽可能保持原始库代码的完整性；省去了我将每个功能添加到 Controller 的需要。

关于如何实现这一目标有什么想法吗？也欢迎对上述 fiddle 发表评论。

Answer 1

您需要使用$scope.$apply()如果您想从 AngularJS 的控制之外对范围值进行任何更改，例如 jquery/javascript 事件处理程序。

function change() {
    alert("a");
    var scope = angular.element($("#outer")).scope();
    scope.$apply(function(){
        scope.msg = 'Superhero';
    })
}

演示:Fiddle