角2 - 基于期权值显示元件选择

Question

我找显示下拉菜单中的角2

基于什么从表单中选择元素最彻底的方法我已经尝试了一些公道不同的技术，但仍然没有运气！

这里是我目前有：

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> 

打字稿：

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

我在做什么错？

感谢您的帮助。

Answer 1

按照下面的代码，你会得到预期的结果。这件事我添加到您的代码

HTML：

<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>