I have implemented ag-Grid to showcase some data and now I want this data to be transferred to another interface upon clicking a cell in the grid. To achieve this, I utilized the cellRendererFramework by creating a custom component called RouterLinkRendererComponent. However, my current challenge is to fetch the data from the ag-Grid into my form.
Here are the links to my two interfaces:
https://i.sstatic.net/m8dsd.png
https://i.sstatic.net/2QWzb.png
Below you can find my code:
ag-Grid.ts:
import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
... (Code continues)
routerlinkrenderer.ts:
import { Component, OnInit } from '@angular/core';
import { AgRendererComponent } from 'ag-grid-angular';
... (Code continues)
Form.ts :
import { Component, OnInit } from '@angular/core';
import {NgForm} from '@angular/forms';
... (Code continues)
and form.html :
<div style="display:flex;" class="panel panel-default">
<div style="width: 500px; height: 500px;"></div>
... (HTML Form code continues)
</form>
<div style="width: 350px;"></div>
<div class="content" style="float: right; margin-top: -50px;">
<button class="btn btn-primary" type="reset">Clear</button>
... (Remaining buttons and functionality)
</div>
</div>
I believe the remaining modifications are required in form.ts and form.html files. Any assistance would be highly appreciated! Thank you!