Angular 2 - anzeigen Element auf Optionswert basierend ausgewählt

Question

ich bin für die sauberste Weg, um ein Element zu zeigen, auf das, was von einem Formular im Dropdown-Menü in Angular 2.

ausgewählt habe ich versucht, eine faire paar verschiedene Techniken, aber immer noch kein Glück! Hier

ist, was ich derzeit haben:

HTML:

<fieldset class="full-width sm-padding"> 
    <label>What existing cover do you already have?</label> 
    <select id="existingCover" [(ngModel)]="selectedNav"> 
     <option *ngFor="let dropDown of existingCoverList"> 
      {{dropDown.option}} 
     </option> 
    </select> 
</fieldset> 


<div *ngIf="selectedNav === 'Cover1'">Show this element if option 1 is selected!</div> 

Typoskript:

existingCoverList: any[] = [ 
    { option: 'Cover1' }, 
    { option: 'Cover2' }, 
    { option: 'Cover3' }]; 

Was mache ich falsch?

Vielen Dank für Ihre Hilfe zu diesem Thema.

Answer 1

Folgen Sie unten Code, Sie erhalten das erwartete Ergebnis. Das, was ich

HTML Code hinzugefügt:

<fieldset class="full-width sm-padding"> 
    <label>What existing cover do you already have?</label> 
    <select id="existingCover" [(ngModel)]="selectedNav"> 
     <option [value]="dropDown.option" 
      *ngFor="let dropDown of existingCoverList"> 
      {{dropDown.option}} 
     </option> 
    </select> 
</fieldset> 


<div *ngIf="selectedNav === 'Cover1'">Show this element if option 1 is selected!</div>