title: Angular Text Does Not Show
body: <p>I'm writing a code where a user can select &quot;Yes&quot; or &quot;No&quot; in a field. It does not give any errors but, on the screen I can not see &quot;Yes&quot; or &quot;No&quot; options. What could be the problem in my code?</p>
  <p><a href="https://i.stack.imgur.com/l4AgD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/l4AgD.png" alt="enter image description here" /></a></p>
  <p>HTML:</p>
  <pre><code>&lt;div fxLayout=&quot;row&quot; fxLayoutAlign=&quot;start center&quot;&gt;
              &lt;mat-form-field appearance=&quot;outline&quot; fxFlex class=&quot;pr-4&quot;&gt;
                  &lt;mat-label&gt;Numune Toplanacak&lt;/mat-label&gt;
                  &lt;mat-select formControlName=&quot;CollectMaterialSample&quot; [compareWith]=&quot;compareBasic&quot;&gt;
                      &lt;mat-option *ngFor=&quot;let prm of yesNo&quot; [value]=&quot;prm.Id&quot;&gt;
                          {{prm.name}}
                      &lt;/mat-option&gt;
                  &lt;/mat-select&gt;
              &lt;/mat-form-field&gt;
          &lt;/div&gt; 
  </code></pre>
  <p>TS:</p>
  <pre><code>yesNo: IBasicModel[] = [
          { Id: 1, Name: &quot;Evet&quot; },
          { Id: 0, Name: &quot;Hayır&quot; },
      ];
  
          CollectMaterialSample: new FormControl(this.product.CollectMaterialSample, Validators.required),
  </code></pre>