diff --git a/demo-shell-ng2/app/components/activiti/activiti-demo.component.html b/demo-shell-ng2/app/components/activiti/activiti-demo.component.html
index 988b262764..19de46d0f9 100644
--- a/demo-shell-ng2/app/components/activiti/activiti-demo.component.html
+++ b/demo-shell-ng2/app/components/activiti/activiti-demo.component.html
@@ -22,7 +22,8 @@
diff --git a/demo-shell-ng2/app/components/activiti/activiti-demo.component.ts b/demo-shell-ng2/app/components/activiti/activiti-demo.component.ts
index b30933a0c0..66b05625f9 100644
--- a/demo-shell-ng2/app/components/activiti/activiti-demo.component.ts
+++ b/demo-shell-ng2/app/components/activiti/activiti-demo.component.ts
@@ -109,6 +109,12 @@ export class ActivitiDemoComponent implements AfterViewChecked {
this.activitiprocesslist.reload();
}
+ onFormCompleted(form) {
+ this.activititasklist.load(this.taskFilter);
+ this.currentTaskId = null;
+ this.activitidetails.loadDetails(this.currentTaskId);
+ }
+
ngAfterViewChecked() {
// workaround for MDL issues with dynamic components
if (componentHandler) {
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/activiti-task-details.component.ts b/ng2-components/ng2-activiti-tasklist/src/components/activiti-task-details.component.ts
index 00364a67d0..025043f400 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/activiti-task-details.component.ts
+++ b/ng2-components/ng2-activiti-tasklist/src/components/activiti-task-details.component.ts
@@ -125,6 +125,8 @@ export class ActivitiTaskDetails implements OnInit {
console.log(this.taskDetails);
}
);
+ } else {
+ this.taskDetails = null;
}
}