从控制器外部的 JS 触发作用域函数

Question

我在 SO 上看到了对此的其他回应，但要么我不明白这些回应在我的情况下是如何起作用的，要么是我想太多了；范围一直是我的一个弱点。

我目前正在为包含 iframe 的模态窗口使用颜色框。为了在 Angular 中使用它，我创建了一个属性指令，该指令采用锚标记的 URL 并使用它来触发颜色框。通常，当用户在模式中执行我需要的任何操作时，我已经让 JS 在父窗口中触发某些东西，以避免重新加载。这在 Angular 中似乎更为重要，我试图弄清楚我如何才能说颜色框模式与 Angular 进行通信。到目前为止，我能想到的最好的方法是让模态的 JS 改变一个输入（或多个输入）的值来定义我想要它做什么。

有没有更简单/更直接的方法？

编辑：感谢下面的解决方案，我找到了答案：

var appElement = parent.document.querySelector('[ng-app=gamersplane]');
var $scope = parent.angular.element(appElement).scope();
$scope.$apply(function() {
    // Do your angular stuff in here!
});

键是元素选择器上的父元素，并且在 angular.element 之前。

Answer 1

在我的理解中，这是一个角度问题。

我认为这个问题会有所帮助 How to change AngularJS data outside the scope?

正如你在小提琴中看到的那样http://jsfiddle.net/jeremy/kj8Rc/

change 函数是一个全局函数，我的意思是不在执行的角度范围内。

function change() {
    // here it fetches the mandatory, and unique (?tobeconfirmed) ng-app HTML element.
    var appElement = document.querySelector('[ng-app=myApp]'); 
    // it finds the scope for you, given that previous element, i believe it s root scope in that case as ng-app.
    var $scope = angular.element(appElement).scope();
    // it s kind of scope binding, it will execute this function within angular scope of execution
    $scope.$apply(function() {
        // then finally appply his change within angular scope of execution, doing so effectively apply the changes
        $scope.data.age = 20; 
    });
}