title: Angular10 - [(ngModel)] and (ngModelChange) don't read the value after it's saved to db
body: <p>Based on what it is selected on this field, I want to fill with data the Tasks field below.</p>
  <pre><code>    &lt;mat-form-field&gt;
        &lt;mat-label&gt;Position&lt;/mat-label&gt;
        &lt;mat-select [(ngModel)]=&quot;position&quot; (ngModelChange)=&quot;change(position)&quot; multiple formControlName=&quot;position&quot;&gt;
          &lt;mat-option *ngFor=&quot;let position of positionArray&quot; [value]=&quot;position&quot;&gt;
            {{position}}
          &lt;/mat-option&gt;
        &lt;/mat-select&gt;
      &lt;/mat-form-field&gt;
  </code></pre>
  <p>This is the Tasks field:</p>
  <pre><code>  &lt;mat-form-field&gt;
      &lt;mat-label&gt;Tasks&lt;/mat-label&gt;
      &lt;mat-select formControlName=&quot;tasks&quot;&gt;
        &lt;mat-option *ngFor=&quot;let res of tasksItems&quot; [value]=&quot;res&quot;&gt;
          {{res}}
        &lt;/mat-option&gt;
      &lt;/mat-select&gt;
    &lt;/mat-form-field&gt;
  </code></pre>
  <p>Typescript code is as below:</p>
  <pre><code>  private tasksItems= [];
  
    change(position) {
  
      if (position == &quot;IT&quot;) {
        this.tasksItems= [&quot;one&quot;, &quot;two&quot;];
      }
      else if (position == &quot;Design&quot;) {
        this.tasksItems= [&quot;three&quot;, &quot;four&quot;];
      }
      else {
        this.tasksItems= [];
      }
  </code></pre>
  <p>Edit: This is the positionArray in ts. The values are stored in database and the change(position) method works fine. The problem is the field Tasks doesn't get the value that is stored and I am assuming it has something to do with [(ngModel)].</p>
  <pre><code>   positionArray: string[] = ['IT', 'Design'];
  </code></pre>
  <blockquote>
  <p>Data is stored to database. But the problem is [(ngModel)] doesn't read the data (when I want to edit the field). Can someone explain to me why and how do I fix it?</p>
  </blockquote>