Estoy recuperando un formulario renderizado a través de camunda rest api (/task/{id}/rendered-form endpoint). Este punto final devuelve una respuesta HTML como esta:

 <form name="generatedForm" role="form"> <div class="form-group"> <label for="field1"> field1 </label> <input class="form-control" name="field1" cam-variable-type="String" cam-variable-name="field1" type="text" value="test" /> </div> <div class="form-group"> <label for="field2"> field2 </label> <input class="form-control" name="field2" cam-variable-type="Boolean" cam-variable-name="field2" type="checkbox" value="true" /> </div> <div class="form-group"> <label for="field3"> field3 </label> <select class="form-control" name="field3" cam-variable-type="String" cam-variable-name="field3"> <option value="key1"> option 1 </option> <option value="key2"> option 2 </option> </select> </div> </form>

que se incrustará dentro de una aplicación angular como esta:

Modelo :

 <div class="top"> <div [innerHtml]="taskFormHtml"></div> </div>

Mecanografiado:

 @Input() taskId: string; taskFormHtml: SafeHtml; constructor(private _domSanitizer: DomSanitizer, private _taskService: TaskService) { } ngOnInit(): void { this.loadForm(); } loadForm(): void { this._taskService.getTaskRenderedForm(this.taskId).subscribe(renderedForm => { this.taskFormHtml = this._domSanitizer.bypassSecurityTrustHtml(renderedForm); }); }

Ahora, ¿cómo puedo escuchar esos cambios de campo de formulario dentro de la aplicación angular y luego enviarlos a través del punto de formulario de envío (POST /task/{id}/submit-form)?