AngularJS Integration

AngularJS Integration

Please note that AngularJS is not supported in the CIB seven webclient due to security considerations: AngularJS support has officially ended as of January 2022. While AngularJS remains available in the Camunda web applications, these applications will be deprecated and removed in future releases of CIB seven.

Including the Angular Distribution

Make sure you include the AngularJS build of the Forms SDK:

<script src="angular.min.js" type="text/javascript"></script>
<script src="camunda-bpm-sdk-angular.js" type="text/javascript"></script>

Loading the Forms Module

Add the Forms SDK as module dependency to your application module:

angular.bootstrap(window.document, ['cam.embedded.forms', ...]);

Angular Directives & Compilation

If the form is loaded from a URL, the SDK makes sure that it is properly compiled and linked to the current Angular scope. This allows using Angular directives in forms loaded dynamically at runtime.

<form role="form" name="form">

<input type="text"
       cam-variable-name="CUSTOMER_ID"
       cam-variable-type="String"
       ng-model="customerId">

<p ng-show="customerId">Your input: <em>{{customerId}}</em></p>

</form>

On this Page: