title: capture value in ngValue attribute in the component of angular 4
body: <p>I am implementing an Angular 4 application.I need to capture the value of the selected dropdown in my component. In this case I need to get the value of policyType.id which is assigned to the [ngValue] attribute in the html to the component. How do I achieve that ?</p>
  
  <p>html </p>
  
  <pre><code> &lt;div class="only-ie"&gt;
            &lt;select class="select-wrapper" [(ngModel)]="editableLob.coveragePolicyTypeId" (change)="coveragePolicyTypeChanged($event)"
              name="policyType" required tooltip="{{'CAPTIVES.LINES.POLICYTYPE.COVERAGETYPE.TITLETOOLTIP'|uppercase|translate}}"
              placement="bottom"&gt;
              &lt;option disabled="disabled" [ngValue]="defaultPolicyType"&gt;{{'CAPTIVES.LINES.POLICYTYPE.COVERAGETYPE.SELECT'|translate}}&lt;/option&gt;
              &lt;option class="theme--option--default" *ngFor="let policyType of policyTypes" [ngValue]="policyType.id"&gt;{{'CAPTIVES.LINES.POLICYTYPE.COVERAGETYPE.'+policyType.name|uppercase|translate}}&lt;/option&gt;
            &lt;/select&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Component</p>
  
  <pre><code>coveragePolicyTypeChanged($event) {
      this.updateCedingComission(this.showCededComission &amp;&amp; this.editableLob.isCededCommision);
  
  
    }
  </code></pre>