Angular 2 ag-grid: create an button and bind (click) event listener to it

Question

So I am trying to add a event listener but for some reason it doesn't seem to be working, when I click on it, nothing happens.

This is my column definition:

{
    "headerName":"Work Instance Id",
    "field":"wrkInstId",
    "width":100,
    // cellRendererFramework:LinkComponent,
    "cellRenderer": (pars)=>{
      return '<a href="javascript:void(0)" (click)="viewMetricUploadData()">' + pars.node.data.wrkInstId + '</a>';
    }
},

My template

<ag-grid-angular #agGrid style="width: 100%; height: 555px;" class="ag-fresh"
    [gridOptions]="gridOptions" [rowdata]="gridData"  >
</ag-grid-angular>

Typescript

viewMetricUploadData(){
    console.log('here');
}

How can I invoke method inside my controller ?