如何将mxGraph与Angular 7集成

时间:2019-08-06 11:06:14

标签: angular typescript mxgraph

我对Javascript,Typescript,Angular和mxGraph还是很陌生,但是对于一个项目,我需要将mxGraph与Angular7集成。

我关注了这些帖子: How to integrate mxGraph with Angular 4? How to Integrate mxgraph editor in angular2? Need to integrate mxGraph with Angular 6

一切似乎都很好。

但是,当我运行“ ports.html”示例(如上面的链接中所述进行重构)时,一切工作都很好,但只需要一项功能,这是我最需要的一项。

我可以在画布中拖放元素,但是不能在端口之间创建连接。读取已编译的javascript代码,所有与端口相关的mxCell均为“ connectable:true”,但未触发connectionHandler。相反,如果我允许其他顶点可连接(我从侧边栏拖放的主要mxCells元素),则可以轻松地连接它们。

似乎在后台有某些东西(代码中没有明确说明)改变了这些单元格的行为,我不知道在哪里看。

我的专业水平也可能太低。

要复制该问题,只需按照我提到的帖子中的步骤操作,然后尝试运行mxgraph示例中的“ ports.html”(具有必要的重构)。

非常感谢您对在哪里进行挖掘的任何投入或建议。预先感谢!

*编辑*

mxGraph.prototype.insertVertex = function(  parent,
id,
value,
x,
y,
width,
height,
style,
relative    )

似乎当我使用“ relative = true”插入顶点时,该端口会正确显示在应有的位置,但无法连接。如果我将其设置为false,它会放在错误的位置并显示其值(虽然不应这样做),但它是可连接的。

运行原始JavaScript版本(不在Angular中)不会产生相同的行为。

0 个答案:

没有答案
相关问题