Skip to content
/ ng-joint Public

Angular JointJS Supporting Library

License

Notifications You must be signed in to change notification settings

dgwnu/ng-joint

Repository files navigation

NgJointApp

Library to make JoinJs fantastic Diagram features working in an Angular 7 Declarative Template.

Version 0.0.1

This second pre-release version contains the starting points for fututure developments. The library is organised make it extendable and conform to angular standards.

Joint JS Angular Elements

Added functionality to make Angular Elements working inside a Joint JS Boundary Box. First example excepts also Input and Focus to use buttons and fields inside the box (tested with Angular Material components).
See Angular Elements Template only source.
And Angular Template only example page.

Requirements

Import joinjs style-sheet

Add this import at the end of the styles.(s)css of youre angular app.

@import '~jointjs/dist/joint.css';  

This contains jointjs packacge delivered background, grid-styles, ... etc.

Structural Directives Demo

Added Interfaces to use jointjs Elements and Links with angular structural directive capabilities like *ngFor, *ngIf, ..etc..
See Angular Bi-Directional Bind source
And Angular Bi-Directional Bind example page.

Version 0.0.0

Pre-Release