Блок-схемы / блок-схемы для Angular2/4

Question

В настоящее время я занимаюсь разработкой приложения с использованием стека MEAN с версией Angular 4. У меня есть требование для создания динамических потоковых диаграмм. Я хочу подобное тому, что доступно в http://fiddle.jshell.net/awolf2904/aw2e3ovz/ Это точно соответствует моему требованию. Он использует Flowchart.js и Angular 1.X. Также Русалка, кажется, соответствует моему требованию, но однажды поддержка Angular 1.x. Может ли кто-нибудь помочь мне в этом?

Answer 1

Пока библиотеки не доступны как пакеты Angular, вы должны использовать их, определив типизацию в вашем проекте:

declare var flowchart:any

Это определение типа делает библиотеку доступной.

Посмотрите этот пример плунжера: http://embed.plnkr.co/OAW8ow2WU9ugKBPTG8uX/

Answer 2

Я полагаю, что сценарий, на который вы ссылаетесь, довольно хорошо показывает, что Flowchart.js действительно не связан с версией angular. Ведь эта библиотека просто обновляет часть DOM, которой просто управляет angular. Там нет тесной интеграции между ними.

Таким образом, вы можете просто взять официальное руководство по миграции и обновить имеющийся у вас код с версии 1 до версии 4. На отдельные части блок-схемы js это практически не повлияет.

Нам также пришлось перенести наше решение для AngleJS на Angle 2/4/... для блок-схемы, и все эти изменения были просто изменениями, характерными только для углов. Интегративная часть была в основном одинаковой, и она будет такой же для flowchart.js

^{Полное раскрытие: я работаю в компании, которая создает библиотеку, которая используется в приведенном мной примере, однако в SO я не представляю своего работодателя.}