angular8集成jsPlumb

在集成Angular 8和jsPlumb之前，您需要确保已安装Angular CLI，并创建了一个Angular项目。接下来，您可以按照以下步骤集成jsPlumb：

1. 在项目中安装jsPlumb库。您可以使用npm或yarn来安装jsPlumb依赖项。

   npm install jsplumb --save

2. 在angular.json文件中添加jsPlumb的样式表和脚本文件。在"styles"数组中添加jsPlumb的样式表路径，如：

   "styles": [
      "node_modules/jsplumb/dist/css/jsplumbtoolkit-defaults.css",
      "src/styles.css"
   ]

在"scripts"数组中添加jsPlumb的脚本文件路径，如：

   "scripts": [
      "node_modules/jsplumb/dist/js/jsplumb.js"
   ]

3. 在您希望使用jsPlumb的组件中，导入jsPlumb库的相关模块和类。

   import { jsPlumbToolkit, Surface } from "jsplumb";

4. 在组件的ngAfterViewInit生命周期钩子中，初始化jsPlumb并创建流程图。

   ngAfterViewInit() {
      const toolkit = new jsPlumbToolkit();
      const surface = new Surface("surface", toolkit);

      // 根据您的需求，您可以在这里添加节点和连接线
   }

这样，您就成功集成了Angular 8和jsPlumb。您可以根据您的项目需求，使用jsPlumb的功能来创建可拖拽的流程图。