Angular2 Support

@cobolstinks wrote:

We're evaluating this library, primarily to develop interactive flowcharts. I have created some basic digrams and so far they meet our needs.

However we're going to use Angular2 to build out our app, and I'm wondering what level of interactivity is supported between angular2 events and the GoJS diagrams. For instance, we'll want to build something out like this:

1. User clicks (or maybe hovers on node)
2. Angular2 opens modal window
3. User interacts with modal, makes a decision that adds a node to the GoJS chart (or deletes one etc)
4. Modal closes
5. New GoJS chart state is presented to user.

Does GoJS support this back and forth interactivity between the GoJS diagram data model and the outside js world that angular2 events would live? If the GoJs chart data changes does GoJS redraw the entire diagram?

I know i can invoke Angular2/Typescript functions from GoJS event listeners, I've implemented this on one GoJS chart:

 myDiagram.addDiagramListener("ObjectSingleClicked", (e:any) => {
            this.goJsClicked(e);
        });

goJsClicked(e: any) {
    let part = e.subject.part;
    if (!(part instanceof go.Link)) {
        this._router.navigate(['/Decision', this.cpmId, part.data.key]);
    }
}

The GoJs event listener invoked the goJSClicked Angular2 Component function just fine and navigates to a new angular2 route. Is this the desired pattern for invoking Angular2 component functions from GoJs events?

Does your full blown version contain typescript definitions and export ES6 modules?

Posts: 9

Participants: 2

Read full topic