javascript - 从 native javascript 访问 Angular js Controller 变量

Question

我知道这很脏，但我需要从非 Angular js 的外部函数访问和编辑 Angular js Controller 中的变量。我该怎么做？

module.controller('table', function($rootScope, $scope, $modal, $q, $compile, $timeout,fields, querySrv, dashboard, filterSrv) {
  var _d = {
    size    : 100
  }
}

功能:

get_var = function(){
    console.log("get_var");
    console.log(document.???);
}

Answer 1

首先，您需要获取 Controller 的scope对象。我会选择我知道的方式:

要获取 Controller 的作用域，您必须获取 DOM 元素的引用并调用 scope()

例如，如果特定的 Dom 元素设置了 mg-controller

var scope = angular.element(document.querySelector(".selectorHere")).scope();

现在您可以在此处访问任何scope 属性。

scope.myVariable = "set some value";

但是由于您的工作超出了 Angular 范围，因此您必须使用 $apply() 手动触发摘要循环。

scope.$apply();