title: How to set Initial value on ngx-mat-intl-tel-input (NgxMatIntlTelInput - International Telephone Input for Angular Material)
body: <p>How to set initial value on a material form field <code>ngx-mat-intl-tel-input</code>
  in angular form is loaded? for instance, I am showing an editable form for any modification and the existing value should be loaded in this phone number field.</p>
  <p>I have tried the following, but ending up in throwing errors in console.Cannot find control with name: 'phone'</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>ngOnInit()
  {
  this.profileForm.controls['phone'].setValue(                '+91' + '123455555');
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;mat-form-field class="" floatLabel="auto"&gt;
    &lt;mat-label&gt;Phone number&lt;/mat-label&gt;
    &lt;ngx-mat-intl-tel-input formControlName="phone"           [enablePlaceholder]="true" [enableSearch]="true"
  [preferredCountries]="['in']" name="phone" #phone&gt;
    &lt;/ngx-mat-intl-tel-input&gt;
  &lt;/mat-form-field&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>Please let me know how to tap this.</p>
  <p>Thanks
  Salam</p>