Get current value when change select option - Angular2
<p>I'm writing an angular2 component and am facing this problem.</p>
<p><strong>Description:</strong> I want to push an option value in select selector to its handler when the <code>(change)</code> event is triggered.</p>
<p>Such as the below template:</p>
<pre><code>&lt;select (change)=&quot;onItemChange(&lt;!--something to push--&gt;)&quot;&gt;
    &lt;option *ngFor=&quot;#value of values&quot; value=&quot;{{value.key}}&quot;&gt;{{value.value}}&lt;/option&gt;
&lt;/select&gt;
</code></pre>
<p>Component Class:</p>

<pre class="lang-typescript prettyprint-override"><code>export Class Demo{

  private values = [
     {
        key:&quot;key1&quot;,
        value:&quot;value1&quot;
     },
     {
        key:&quot;key2&quot;,
        value:&quot;value2&quot;
     }
  ]

  constructor(){}
  onItemChange(anyThing:any){
     console.log(anyThing); //Here I want the changed value
  }
}
</code></pre>
<p>How can I get the value(without using jquery) ?</p>