docs: add context clearing example

Author: rams23

src/app/lazy/lazy-form/lazy-form.component.html

@@ -1,9 +1,5 @@
 
-<div style="width: 40%; text-align: center;margin: auto">
-  <img src="assets/images/logo-blu.svg"/>
-</div>
-<h2 style="text-align: center">xtream validation errors lazy</h2>
-<form [formGroup]="heroForm" validationContext="NEW_HERO" innerValidationError="true">
+<form [formGroup]="heroForm" #firstForm validationContext="NEW_HERO" innerValidationError="true">
   <div formFieldContainer class="input-wrapper form-group">
     <label>Name</label>
     <input class="form-control" formControlName="name"/>
@@ -21,7 +17,8 @@ <h2 style="text-align: center">xtream validation errors lazy</h2>
     </div>
   </div>
 
-  <button class="btn btn-primary" [disabled]="heroForm.invalid">Submit</button>
+  <button class="btn btn-primary" [disabled]="heroForm.invalid" style="margin-right: 15px">Submit</button>
+  <button class="btn btn-secondary" (click)="clearForm()">Clear</button>
 
 </form>
 

src/app/lazy/lazy-form/lazy-form.component.ts

@@ -1,6 +1,7 @@
-import {Component, OnInit} from '@angular/core';
+import {Component, OnInit, ViewChild} from '@angular/core';
 import {AbstractControl, FormArray, FormControl, FormGroup, Validators} from '@angular/forms';
 import {TranslateService} from '@ngx-translate/core';
+import {ValidationContextComponent} from '@xtream/ngx-validation-errors';
 
 function minCheckSelected(size: number) {
   return (control: AbstractControl) => {
@@ -20,6 +21,8 @@ function minCheckSelected(size: number) {
 })
 export class LazyFormComponent implements OnInit {
 
+  @ViewChild('firstForm', {read: ValidationContextComponent}) validationContext: ValidationContextComponent;
+
   heroForm: FormGroup;
 
   boxesInfo = [
@@ -41,4 +44,10 @@ export class LazyFormComponent implements OnInit {
     this.translateService.setDefaultLang('en');
     this.translateService.use('en');
   }
+
+  clearForm() {
+    console.debug('this.validationContext', this.validationContext);
+    this.validationContext.clear();
+
+  }
 }