mxgraph集成至angular7

博客介绍了在Angular中使用mxgraph的步骤。首先安装相关依赖,包括cnpm install、cnpm install mxgraph等;接着在angular.json文件中进行配置;然后在.ts文件中导入使用,定义mxgraph并引入实际代码来源mx。还给出了使用例子,如创建mxEditor实例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.安装相关依赖

  • cnpm install
  • cnpm install mxgraph
  • cnpm install -D lgleim/mxgraph-typings

2.在angular.json文件中进行相关配置
assets:[{“glob”:"**/*", “input”:“node_modules/mxgraph/javascript/src”, “output”: “./mxgraph”}]

3.在.ts文件中导入使用
import { mxgraph } from ‘mxgraph’; // 定义
declare var require: any;
const mx = require(‘mxgraph’)({
mxImageBasePath: ‘mxgraph/images’,
mxBasePath: ‘mxgraph’
});

以上内容,主要是从stackoverflow网站收集而来,个人理解mxgraph是定义部分(用于定义type,方便.方法和.属性的使用),mx是实际代码来源。
使用例子:
editor: mxgraph.mxEditor = new mx.mxEditor();

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值