title: angular 2 (change) event not firing
body: <p>I have the following function in my component:</p>
  
  <pre><code>onProductSelect(e){
          var attrs = document.getElementById('firstAttr');        
          return this.groupComponentSvs.getProduct(e.target.value)
                        .subscribe(
                              selectProduct=&gt;{                                
                                  this.selectProduct=selectProduct; 
                                  var select = "&lt;select class='form-control' id='"+ selectProduct.attribute +"' (change)='selectNextAttr($event)' name='selectProd'&gt;";
                                  console.log(select);
                                      select+= '&lt;option value="0"&gt;Select&lt;/option&gt;';
                                  for (var i=0; i&lt;selectProduct.values.length; i++)  {
                                      select+= '&lt;option value='+ selectProduct.values[i]+ '&gt;'+ selectProduct.values[i] +'&lt;/option&gt;';
                                  }  
                                  select+='&lt;/select&gt;' ;                                
                                  attrs.innerHTML = '&lt;div id=attr_'+ selectProduct.attribute +'&gt;'+ select +'&lt;/div&gt;';                              
                                  error=&gt;this.errorMessage = &lt;any&gt;error
                              }                            
                  )                 
  
      }
  
  selectNextAttr(attr, val){
   console.log("this is a test");
  }
  </code></pre>
  
  <p>I am able to insert the select menu in my html page but the change event is not being triggered with I select an item. Can someone let me know why this is happening?</p>
  
  <p>Thanks</p>