title: ag-grid Angular: Passing parameters to component when using Cell Render?
body: <p>I have a table where one of the columns displays a link, that click on it opens a new page. 
  To display the specific link I'm using: </p>
  
  <pre><code> `cellRenderer: "motorBikeType"`, under `this.columnDefs = [...`
  </code></pre>
  
  <p>In order to display the different motorbikes types in the column, I'm using the <strong><code>agInit</code></strong> function (as I was answered here before) from the <code>motorBikeType</code> <strong><code>component</code></strong> , to get access to the column data through <code>params.data.motorBikeType</code></p>
  
  <p>This works fine. The table displays correctly and I get a nice link for each type of motorcycle. </p>
  
  <p>The problem starts when I click the link. In the new page that opens (which pretty much is the <code>motorBikeType</code> component, the <code>params.node.data.motorBikeType</code> is no longer available. </p>
  
  <p>If I console.log it - I'll see it in the console. But it will not let me bind to the html view of <code>motorBikeType</code></p>
  
  <p>I even tried to create a local variable in the class, something like:</p>
  
  <pre><code>export class motorBikeType {
     ...
     motorbike: any;
  
    agInit(params: any): void {
      this.params = params;
      this.motorbike = params.data.motorBikeType;
  }
  
  }
  </code></pre>
  
  <p>and then in the html view: </p>
  
  <pre><code>&lt;a *ngIf="... &gt;{{params.data.motorBikeType}}&lt;/a&gt;
  
  &lt;p *ngIf="...&gt;{{params.data.motorBikeType}}&lt;/a&gt;
  </code></pre>
  
  <p>It will only display in the table column the link , but once it redirect to the page (I'm using the router), it will not show the paragraph with the binding value. </p>
  
  <p>I tried also inside <code>ngOnInit() {...</code> to do <code>this.motorbike = this.params.data.motorBikeType;</code></p>
  
  <p>But it still not binding in the view. </p>
  
  <p>Pretty much what I need is to display <code>params.data.motorBikeType</code> in the view. </p>
  
  <p>something like <code>&lt;p&gt;{{params.data.motorBikeType}}</code> or <code>&lt;p&gt;{{motorbike}}&lt;/p&gt;</code></p>
  
  <p>Thanks.  </p>