问用角2实现Rappid

EN

找不到好的答案，所以我使用了角6和Rappid 2.2做了一个完整的演示

这是github

git clone https://github.com/wdunn001/Rappid-Angular-Demo
npm i
ng serve

所以为了让这件事发生我不得不

1. 使用所有必需的rappid js及其依赖项库以及主干joinjs、jquery和逸散的@类型编辑package.json “主干”："^1.3.3“、”连接“："^2.1.0”、"jquery"："^3.3.1“、”提交“："^3.10.1”、"dagre"："0.7.4“、”图形库“："1.0.7”、“画布”："git+https://github.com/clientIO/canvg.git#v2.2.0-rappid“、"ws"："0.8.1”
2. 包括在angular.json中的那些 "node_modules/jquery/dist/jquery.min.js"，"node_modules/backbone/node_modules/underscore/underscore.js"，“node_modules/主干/Backbone.js”，"node_modules/lodash/index.js"，“node_modules/jointjs/dist/dist/joint.js”，“node_modules/dagre/dist/dist/d既要.jquery”，"rappid/build/rappid.min.js“
3. 将.css从rappid.min.css中包含到angular.json中，以及从kitchensink.ts应用程序中的style.material.css确保kitchensink.ts应用程序中的style.css被添加到app.component.css中，并且所有对body或html的引用都应用于:host

1. edit the styles.css in your app to have a display block for canvas
2. edit the kitchensink .ts in about a 1000 ways refer to the github to much here to list
3. import the config files and model files and ensure the properly reference the right directory
4. move all assets to the angular assets folder
5. make sure your ts config points to the rappid.min.t.ds file

​

在文件夹应用程序中，有一个用打字本编写的KitchenSink应用程序的版本。文件夹名为KitchenSinkTs。

您仍然需要创建一个模块和一个组件的角度，但它将更容易。

package.json已经有了运行rappid的所有节点依赖项。