文件名称:流程图-angular6:一个基于jsplumb的使用angular6写的一个可拖拽的流程图实例
文件大小:6.55MB
文件格式:ZIP
更新时间:2024-02-24 16:40:59
jquery typescript flowchart jsplumb typescript2
流程图-角度6 一个基于jsplumb的使用angular6写的一个可拖拽的流程图实例(当前已更新到Angular 7版本) 更新:解决ng-zorro版本更新带来的图标加载问题(由于集成了两种图标加载方式,放置框的图标会出现两个,之后有时间再修改) 网上找了很久都没有找到用角度实现的可拖拽式的流程图组件,于是就基于jsplumb自己写了一个,实现了一些基本的功能,后续可能会再添加点。 演示 实现的功能: 拖拽式添加例程 拖拽式连线 删除摘要 双击连接线删除连接线 设定参数 发布文件 流程图转json数据 json数据转流程图 连接线中新增按钮功能,可点击选择文件 使用 克隆代码 npm安装
【文件预览】:
flowchart-angular6-master
----分析流程说明.docx(680KB)
----package.json(3KB)
----tslint.json(4KB)
----angular.json(6KB)
----package-lock.json(397KB)
----src()
--------typings.d.ts(144B)
--------tsconfig.app.json(1KB)
--------22.ico(8KB)
--------test.ts(713B)
--------assets()
--------index.html(353B)
--------hmr.ts(854B)
--------tsconfig.spec.json(1KB)
--------app()
--------styles.less(17KB)
--------main.ts(1KB)
--------polyfills.ts(526B)
--------styles()
--------environments()
--------favicon.ico(5KB)
----.npmignore(31B)
----tsconfig.json(1KB)
----e2e()
--------tsconfig.e2e.json(214B)
--------src()
----.gitignore(362B)
----_mock()
--------_tools.ts(2KB)
--------index.ts(26B)
----README.md(1KB)
----.vscode()
--------launch.json(459B)
--------settings.json(342B)