AngularJS Integration
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>