search

bpmn-io / form-js-examples

A collection of form-js examples.
27 stars 15 forks source link

Viewer example in Angular #2

Closed falko closed 3 years ago

falko commented 3 years ago

How would the form-js viewer be integrated with Angular forms?

My current customer has already built a custom tasklist for Camunda Platform using Angular. They already have Camunda's REST API integrated to query and complete tasks. For very simple forms, it would be great to design them using form-js as it is included in Camunda Modeler. One could then imagine letting the form keys of the user tasks reference the JSON form definitions for the tasklist to load them.

Could you provide a code example of how the form-js viewer would interact with the Angular programming model?

nikku commented 3 years ago

I assume we're talking about a recent version of Angular here, not AngularJS 1.x, right?

nikku commented 3 years ago

What you're asking here is two distinct questions:

How would the form-js viewer be integrated with Angular forms?

It cannot easily be integrated, as of now. At least we did not attempt such integration yet and we'd need more information (i.e. a basic CodeSandbox that shares a simple use of Angular forms, dedicated requirements) before it makes sense for us to do so.

Could you provide a code example of how the form-js viewer would interact with the Angular programming model?

In Angular, like most other UI libraries you can get hold on actual DOM element references. See also example. Once you did that you can instantiate form-js on that node. Using the form-js API you can hook up with the Angular life-cycle.