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>