title: Edit form data load and pass - ngModel and formControl
body: <p>i need to verify im in the right way , here is my code for the data edit and save component please review and give me a feedback :)</p>
  
  <p>in my view </p>
  
  <pre><code>&lt;div [formGroup]="policyForm"&gt;
      &lt;div formGroupName="PolicyDetail" class="col-md-4"&gt;
                  &lt;label for="exampleInputEmail1"&gt;
                      Post Code
                  &lt;/label&gt;
                  &lt;input type="text" class="form-control" [ngModel]="policyDetail.postcode" formControlName="PostCode" placeholder="Post Code" /&gt;
              &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>my ts file </p>
  
  <pre><code>  this.policyService.getPolicyDetails().subscribe(
              (data) =&gt; {
  
                  this.policyDetail = data.policyDetail;
   },
              (error) =&gt; {
                  console.log('Failure Policy Details');
  
              });
  
  
   this.policyForm = new FormGroup({
  
   PolicyDetail: new FormGroup({
                  PostCode: new FormControl(),
   }),
    });
  </code></pre>
  
  <p>i use the [ngModel]  to visible data in my input controller and use FormGroup  to collect data and validate etc ... </p>
  
  <p>is it correct to use ngModel and formControl  both ? or is there are way to set data to controller without ngModel ?? </p>