MxGraph - Angularjs 1 - Интеграция

Question

Я пытался динамически добавить mxgraph с angularjs клиентской библиотекой.Не нашел ни одного соответствующего документа, в котором говорится то же самое.Может ли кто-нибудь помочь мне с этой интеграцией, например, какие файлы должны быть интегрированы и что нужно вызвать из 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) { ... }]);