获取Angular Controller Load上的HTML元素

Question

我只想从我的控制器中访问我的HTML div元素“myDigramDiv”，以便我可以将其初始化为GoJS图形，如下所示：

var graph = go.GraphObject.make;
var myDiagram: go.Diagram =
  graph(go.Diagram, "myDiagramDiv", {
    initialContentAlignment: go.Spot.Center, // center Diagram contents
    "undoManager.isEnabled": true // enable Ctrl-Z to undo and Ctrl-Y to redo
  });

一旦myDiagramDiv准备就绪，我已经尝试过很多关于如何调用函数的SO建议。我尝试过的方法如下所示。他们中的任何人都无法通过GoJS图初始化代码OR $（“myDiagramDiv”）。get（）（jQuery）访问myDiagramDiv。但是当我将它们放入我的“取消”功能时，我可以通过这些方法访问该元素，该功能在对话框中单击按钮时触发。

$(document).ready(function() {
  console.log("ready!");
});

angular.element(document).ready(function() {
  console.log("ready!");
});

$(function() {
  console.log("ready!");
});

$scope.$on('$viewContentLoaded', function() {
  console.log("ready!");
});

// ng-init function associated with myDiagramDiv
$scope.diagramInit = function() {
  console.log("ready!");
};

$scope.cancel = function() {
  var graph = go.GraphObject.make;
  var myDiagram: go.Diagram =
    graph(go.Diagram, "myDiagramDiv", {
      initialContentAlignment: go.Spot.Center, // center Diagram contents
      "undoManager.isEnabled": true // enable Ctrl-Z to undo and Ctrl-Y to redo
    });
};

这是myDiagramDiv：

<div id="myDiagramDiv" ng-init="diagramInit()" style="width:900px; height:600px; background-color: #DAE4E4;">

任何帮助都会非常感激，我觉得我必须亲近并且做一些愚蠢的事情，除了按钮回调之外的任何地方都无法操纵我的DOM元素。