title: angular 11 ngmodel not binding to select
body: <p>In my Angular 11/TypeScript project I have the following model:</p>
  <pre><code>export interface Opponent {
      id: number;
      name: string;
      beltRank: BeltRankEnum;
      heightInInches: number;
      weightInLbs: number;    
  }
  
  export enum BeltRankEnum {
      White = 1,
      Blue = 2,
      Purple = 3,
      Brown = 4,
      Black = 5
  }
  
  const WHITE = &quot;WHITE&quot;
  const BLUE = &quot;BLUE&quot;
  const PURPLE = &quot;PURPLE&quot;
  const BROWN = &quot;BROWN&quot;
  const BLACK = &quot;BLACK&quot;
  
  export const BeltRankToLabelMapping : Record&lt;BeltRankEnum, string&gt;  = {
      [BeltRankEnum.White]: WHITE,
      [BeltRankEnum.Blue]: BLUE,
      [BeltRankEnum.Purple]: PURPLE,
      [BeltRankEnum.Brown]: BROWN,
      [BeltRankEnum.Black]: BLACK,
  }
  
  export const LabelToBeltRankMapping = {
      WHITE: BeltRankEnum.White,
      BLUE: BeltRankEnum.Blue,
      PURPLE: BeltRankEnum.Purple,
      BROWN: BeltRankEnum.Brown,
      BLACK: BeltRankEnum.Black,
  }
  </code></pre>
  <p>My component is:</p>
  <pre><code>    public opponent: Opponent = null;
      beltRankToLabelMapping = BeltRankToLabelMapping;
      labelToBeltRankMapping = LabelToBeltRankMapping;
      beltRanks = Object.values(BeltRankEnum).filter(f =&gt; !isNaN(Number(f)))
  </code></pre>
  <p>html snippet:</p>
  <pre><code>            &lt;div class=&quot;form-group&quot;&gt;
                  &lt;label class=&quot;beltRankLabel&quot; for=&quot;beltRank&quot;&gt;Belt Rank&lt;/label&gt;
                  &lt;select [(ngModel)]=&quot;labelToBeltRankMapping[opponent.beltRank]&quot;&gt;
                      &lt;option *ngFor=&quot;let beltRank of beltRanks&quot; 
                              [ngValue]=&quot;beltRank&quot;&gt; {{beltRankToLabelMapping[beltRank]}} &lt;/option&gt;
                  &lt;/select&gt;
              &lt;/div&gt;
  </code></pre>
  <p>The problem I'm having is that the drop down is not showing the beltRank Value for opponent. It's showing blank. Also, when I select an option from the drop down it's not setting it on the opponent model. Does anyone know what's going wrong? Thanks!</p>