title: Ag-Grid cellRender with Button Click
body: <p>I am using an angular 5 with ag-grid data table
  i cant able to trigger a click event from cell using cellRenderer here how am using my ag-grid --> colDefs</p>
  
  <pre><code>this.columnDefs = [
              {headerName: '#', rowDrag: true, width: 75},
              {headerName: 'One', field: 'fieldName',
                  cellRenderer : function(params){
                      return '&lt;div&gt;&lt;button (click)="drop()"&gt;Click&lt;/button&gt;&lt;/div&gt;'
                  }
              }
  ];
  
  drop() {
      alert("BUTTON CLICKEFD")
  }
  </code></pre>
  
  <p>if am using <code>onClick="alert("123")"</code> --> it works,
  but i cant able to use <code>onClick="drop()"</code> it throws drop of undefined,</p>
  
  <p>i tried this too inside of cellRenderer --> params = <code>params.$scope.drop = this.drop;</code></p>
  
  <p>if am using gridOptions with <code>angularCompileRows : true</code> it throws an error <code>Cannot read property '$apply' of undefined.</code>
  Do i need to install <code>ag-grid enterprise</code> ??</p>