テンプレートのアクセスドロップダウンリストの選択された値

Question

ドロップダウンリストの選択された値、テンプレートでどのようにアクセスできますか？

<div> 
    <select> 
     <option *ngFor="let client of clients" [value]="client.id">{{ client.name }}</option> 
    </select> 
    </div> 

    <!-- here I can access clients, but not the selected client --> 

Answer 1

あなたはそのような選択の値を取得することができます

<div> 
    <select #dropdown (change)="onDropdownSelect(dropdown)"> 
     <option *ngFor="let client of clients" [value]="client.id">{{ client.name }}</option> 
    </select> 
    </div> 

：

<div> 
    <select #selectedClient> 
     <option *ngFor="let client of clients" [value]="client.id">{{ client.name }}</option> 
    </select> 
    </div> 

    <!-- here I can access clients, but not the selected client --> 
    <p>{{selectedClient.value}}</p> 

はそれがuはあなたがまた、このようにそれを行うことができます

Answer 2

を:)役に立てば幸いコンポーネント内：

onDropdownSelect(elem){ 
    console.log(elem.value); 
    }