Actualmente estoy desarrollando una aplicación que utiliza MEAN stack con la versión Angular 4. Tengo un requisito para crear diagramas de flujo dinámicos. Quiero similar a lo que está disponible en http://fiddle.jshell.net/awolf2904/aw2e3ovz/ Es exactamente coincidente con mi requisito. Está utilizando Flowchart.js y Angular 1.X. También parece que Mermaid cumple con mis requisitos, pero solo es compatible con Angular 1.x. ¿Podría alguien ayudarme en esto?
Respuestas
-1 para la respuesta № 1Siempre que las bibliotecas no estén disponibles como paquetes angulares, debe utilizarlas definiendo una escritura en su proyecto:
declare var flowchart:any
Esta definición de tipo hace que la biblioteca esté disponible.
Vea este ejemplo de plunker: http://embed.plnkr.co/OAW8ow2WU9ugKBPTG8uX/
0 para la respuesta № 2
Creo que el violín al que se refiere muestra.muy bien que Flowchart.js realmente no está vinculado a la versión de angular en absoluto. Después de toda esa biblioteca, simplemente se actualiza una parte del DOM que angular solo administra. No hay una integración estrecha entre los dos.
Así que básicamente puedes tomar el guía oficial de migración y actualice el código que tiene de la versión 1 a la versión 4. Las partes específicas del diagrama de flujo js no se verán afectadas en gran medida.
También tuvimos que portear nuestra solución de diagrama de flujo para AngularJS a Angular 2/4 / ... y todos los cambios fueron puros cambios específicos angulares. La parte integradora fue mayormente igual y será la misma para flowchart.js
Revelación completa: trabajo para la compañía que crea la biblioteca que se usa en el ejemplo que vinculé, sin embargo en SO no represento a mi empleador.