MxGraph - Angularjs 1-集成

Question

我尝试用angularjs客户端库动态地添加to图。没有找到任何声明相同的相关文件。有人能帮我完成这种集成吗，比如哪些文件需要集成，哪些文件需要从html文件中调用才能发挥功能。

app.js var app = angular.module('app', ['mxGraph']);

mxcontroller.js:

app.controller('Ctrl', ['$scope', 'mxgraph',
 function($scope, mxgraph) {
          $scope.main = function(container)
     {

             var graph = new mxgraph(container);
             var parent = graph.getDefaultParent();
             graph.getModel().beginUpdate();
             try
             {
                 var v1 = graph.insertVertex(parent, null, 'Hello,', 20, 20, 80, 30);
                 var v2 = graph.insertVertex(parent, null, 'World!', 200, 150, 80, 30);
             }
            finally
             {
                 graph.getModel().endUpdate();
             }
     }; }]);

index.html包含mxgraph javascript/src文件夹

mx.html

<div ng-controller="Ctrl as controller" id="content-container">

提前谢谢

Answer 1

除非您已经在使用AngularJS工厂、服务或mxGraph提供程序，否则需要在应用程序中使用AngularJS依赖项注入。

例如，在控制器之前的某个地方：

let mxGraph = angular.module('mxGraph', []);
mxGraph.factory("mxgraph", function() {
    return window.mxGraph; 
});

然后，您应该能够将它插入应用程序中，如下所示：

app.controller('yourController', ['$scope', 'mxgraph', function($scope, mxgraph) { ... }]);