title: Angular, button validation work in the wrong order
body: <p>i have one checkbox in angular 7</p>
  
  <p>when I refresh my page, the good value is here</p>
  
  <p>but when I click the checkbox, the value is the wrong one</p>
  
  <p>there is my code in my html : </p>
  
  <pre><code>&lt;input type="checkbox" [(ngModel)]=material.validated (click)="updateValidation(material)"&gt;
  </code></pre>
  
  <p>in my ts : </p>
  
  <pre><code>public updateValidation(material: any) {
      this.requestService.updateVersionQuotation(this.quotationId, this.versionId, this.quotation);
  }
  </code></pre>