title: Angular 2 - Show element based on option value selected
body: <p>I'm looking for the cleanest way to show an element based on what is selected from a form drop down menu in Angular 2.</p>
  
  <p>I have tried a fair few different techniques but still no luck!</p>
  
  <p>Here is what i currently have:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;fieldset class="full-width sm-padding"&gt;
      &lt;label&gt;What existing cover do you already have?&lt;/label&gt;
      &lt;select id="existingCover" [(ngModel)]="selectedNav"&gt;
          &lt;option *ngFor="let dropDown of existingCoverList"&gt;
              {{dropDown.option}}
          &lt;/option&gt;
      &lt;/select&gt;
  &lt;/fieldset&gt;
  
  
  &lt;div *ngIf="selectedNav === 'Cover1'"&gt;Show this element if option 1 is selected!&lt;/div&gt;
  </code></pre>
  
  <p>TYPESCRIPT:</p>
  
  <pre><code>existingCoverList: any[] = [
      { option: 'Cover1' },
      { option: 'Cover2' },
      { option: 'Cover3' }];
  </code></pre>
  
  <p>What am I doing wrong?</p>
  
  <p>Thanks for your help on this.</p>