title: Using cellRendererFramework in Angular 5 ag-grid data table
body: <p>I am building a app in angular 5. In my HTML page, I have a table which shows the data on being queried. This data is being displayed in <strong>ag-grid</strong> using <strong></strong> directive. One of the column in grid is displayed as HTML link. I am using <strong>cellRendererFramework</strong> feature to show the values in column as link.
  It is working fine and displays the link on the value for that column in table for each row. My requirement is that I want to pass additional parameter to <strong>cellRendererFramework</strong> component from the main component class. The reason I need this is because when the link is clicked the Angular app displays new components using angular routers and I need to pass multiple values to other component. </p>
  
  <p>I am not sure how to pass parameters to <strong>cellRendererFramework</strong> class.</p>
  
  <p><strong>Column definitions of data grid</strong></p>
  
  <pre><code>this.columnDefs = [
        { headerName: "Hotel ID", field: "HotelID", width: 500,
          cellRendererFramework: LinkcompComponent },
        { headerName: "Account Number", field: "AccountNumber" , width: 700 },
        { headerName: "Customer Name", field: "PartyName", width: 670  }
      ];
  </code></pre>
  
  <p><strong>HTML</strong> file of <strong>cellRendererFramework</strong> component </p>
  
  <pre><code>&lt;a [routerLink]="['/trxDetails',params.value]"&gt;{{ params.value }}&lt;/a&gt;
  </code></pre>
  
  <p>Is it possible to pass additional parameters to <strong>cellRendererFramework</strong> component?</p>