title: Catch dropdown selection changes in Angularjs ui-grid
body: <p>How to catch dropdown selection changes in ui-grid. I've customised 'ui-grid/dropdownEditor' like this   </p>
  
  <pre><code>var customCellTemplate = '&lt;div&gt;&lt;form name=\"inputForm\"&gt;&lt;select ng-class="\'colt\' + col.uid" ui-grid-edit-dropdown ng-model=\"MODEL_COL_FIELD\" ng-change="vm.onDropdownChange(row)" ng-options=\"field[editDropdownIdLabel] as field[editDropdownValueLabel] CUSTOM_FILTERS for field in editDropdownOptionsArray\"&gt;&lt;/select&gt;&lt;/form&gt;&lt;/div&gt;'
  </code></pre>
  
  <p>Added <strong>ng-change="vm.onDropdownChange(row)"</strong> in ui-grid/dropdownEditor but onDropdownChange event not fired. </p>
  
  <p>And my controller looks like this</p>
  
  <pre><code>function Controller(){
      vm.onDropdownChange = onDropdownChange;        
  
      vm.gridOption.columnDefs = [
          {
              field: 'staus', displayName: 'Status', editableCellTemplate: customCellTemplate, width: '20%',
              cellFilter: status filter, editDropdownIdLabel: 'status_id', editDropdownValueLabel: 'status', editDropdownOptionsArray: statusArray
          }, 
          {
            //Other fileds
          }];
  
      function onDropdownChange(row){
  
      }
  }
  </code></pre>
  
  <p>Please tell me where i'm going wrong and how to accomplish this functionality.</p>