title: passing parameters on change event in angular 2
body: <p>I have to pass the value of the option whenever the item is selected.But after my event takes place, the passed value is always undefined. My code is as follows :</p>
  
  <pre><code>&lt;select (change)="handle(this.value);"&gt;
  &lt;option value="0"&gt;Addition&lt;/option&gt;
  &lt;option value="1"&gt;Subtraction&lt;/option&gt;
  &lt;option value="2"&gt;Multiplication&lt;/option&gt;
  &lt;option value="3"&gt;Division&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>My angular2 code is as follows:</p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  
  @Component({
    selector: 'app-home',
    templateUrl: './home.component.html',
    styleUrls: ['./home.component.css']
  })
  export class HomeComponent implements OnInit {
    n1 = 0;
   n2 = 0;
   result = 0;
  
  handle(value){
    alert("selected option's value is "+value);
  }
  
  constructor() { }
    ngOnInit() {
  
   }
  
  } 
  </code></pre>
  
  <p>The problem is that whenever there is any change of option, the parameter(value) which is passed to the handle function is always "undefined".</p>
  
  <pre><code>alert("selected option's value is "+value);
  </code></pre>
  
  <p>In this line, the value of the parameter "value" is always undefined. </p>
  
  <p>Please help!</p>
  
  <p>Thanks in advance! </p>