小编vik*_*iks的帖子

如何将mxGraph与Angular 4集成?

我正在使用Angular 4,并且希望将mxGraph集成到我的项目中。我已经用谷歌搜索了,但是没有得到完整的示例。

我已经尝试过以下方法,但对我也不起作用。

我遵循的步骤:

  1. 安装的mxgraph: npm install mxgraph --save

    用于mxgraph的npm软件包:https ://www.npmjs.com/package/mxgraph

  2. 安装的mxgraph-typings: npm install lgleim/mxgraph-typings --save

    Github回购mxgraph-typings- https://github.com/lgleim/mxgraph-typings

  3. 现在,我已将其导入到组件中: import {mxgraph} from 'mxgraph';

  4. 在.angular-cli.json资产数组中添加了以下行,以使mxGraph资产可用。

    {"glob":"**/*", "input":"node_modules/mxgraph/javascript/src", "output": "./mxgraph"}
    
    Run Code Online (Sandbox Code Playgroud)
  5. 如果我尝试像这样使用它: const graph: mxgraph.mxGraph = new mxgraph.mxGraph(document.getElementById('graphContainer'));

    当我跑步时 ng serve

    然后我遇到问题/错误:
    Module not found: Error: Can't resolve 'mxgraph' in 'path to my file where I have imported and used mxgraph'

  6. 现在,如果我尝试设置mxBasePath:

    const mx = require('mxgraph')({
      mxImageBasePath: 'mxgraph/images',
      mxBasePath: 'mxgraph'
    });
    
    Run Code Online (Sandbox Code Playgroud)

    像这样使用:

    const graph: mxgraph.mxGraph = mx.mxGraph(document.getElementById('graphContainer'));

    当我跑步时 ng serve

    这次我也遇到同样的问题/错误:
    Module …

mxgraph angular-cli typescript-typings angular

6
推荐指数
2
解决办法
3311
查看次数