title: ngFor and [value] in a <select> in Angular 13
body: <p>I've found something that looks like a bug but maybe I'm just missing something. When I use '[value]=nrSelect' it works so long as I am not using ngFor to populate the <code>&lt;select&gt;</code>. For example I put 2 dropdowns, one with ngFor and one without:</p>
  <pre><code>&lt;select [value]='nrSelect' class='form-control'&gt;
    &lt;option value='A'&gt;A&lt;/option&gt;
    &lt;option value='B'&gt;B&lt;/option&gt;
    &lt;option value='C'&gt;C&lt;/option&gt;
  &lt;/select&gt;
  &lt;br/&gt;
  &lt;select [value]='nrSelect' class='form-control'&gt;
    &lt;option *ngFor=&quot;let option of options&quot; [value]='option.value'&gt;{{option.label}}&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  <p>and in the .ts file I select option &quot;B&quot;:</p>
  <pre><code>export class AppComponent {
    title = 'angular-tour-of-heroes';
    options = [
      { label: &quot;A&quot;, value: &quot;A&quot; },
      { label: &quot;B&quot;, value: &quot;B&quot; },
      { label: &quot;C&quot;, value: &quot;C&quot; },
    ];
    nrSelect = &quot;B&quot;;
  }
  </code></pre>
  <p>This produces the following when loaded:</p>
  <p><a href="https://i.stack.imgur.com/V7obL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/V7obL.png" alt="enter image description here" /></a></p>
  <p>I would have expected both to select option &quot;B&quot; but only the one without ngFor works. My angular version is 13.1.4. Both dropdowns work if I use <code>[(ngModel)]=nrSelect</code> but I'm interested in knowing why <code>[value]=nrSelect</code> doesn't work.</p>
  <p>Why is that - is it a real bug or am I just not doing it correctly?</p>