title: Ngx-mat-select-search not setting default value
body: <p>I'm working with a select component that have ngx-mat-select-search, and I want to set a default value selected when I call the component, but it don't show it and I can't see any error on console. I don't know what's happening, what I'm missing?</p>
  
  <p>Here's the StackBlitz</p>
  
  <p><a href="https://stackblitz.com/edit/angular-hre1qd" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-hre1qd</a></p>
  
  <p>Here's also the main code I use for put a default value:</p>
  
  <p><strong><em>test.component.html</em></strong></p>
  
  <pre><code>&lt;mat-form-field [formGroup]="formData" class="prueba"&gt;
      &lt;mat-select formControlName="valueSelect"  #singleSelect&gt;
          &lt;mat-option&gt;
              &lt;ngx-mat-select-search [formControl]="inputFilter" [placeholderLabel]="'Search...'"
                   [noEntriesFoundLabel]="'Not Found...'"&gt;
                  &lt;i class="mdi mdi-close menu-icon" ngxMatSelectSearchClear&gt;&lt;/i&gt;
              &lt;/ngx-mat-select-search&gt;
          &lt;/mat-option&gt;
          &lt;mat-option value='-1' selected&gt;{{defaultValue}}&lt;/mat-option&gt;
          &lt;mat-option *ngFor="let data of controlFilter | async" [value]="data[dataValue]"&gt;
              {{ data[dataShow] }}
          &lt;/mat-option&gt;
      &lt;/mat-select&gt;
  &lt;/mat-form-field&gt;
  </code></pre>
  
  <p><strong><em>test.component.ts</em></strong></p>
  
  <pre><code>setInitialValue() {
      this.controlFilter.next(this.dataSource.slice());
      this.formData
        .get("valueSelect")
        .setValue(this.dataSource[2]);
      // WHY IS NOT CHANGING TO A DEFAULT VALUE
    }
  </code></pre>
  
  <p>Thanks in advise!!</p>