So far, we have created and returned the network graph data from the service back to the component. Since this graph is going to be shown inside the modal component, we cannot process the graph data here. Instead, we have to pass it on to the modal component.
That means inside EvidenceComponent, we need to modify the buildClusters() function again and use it as bridge between EvidenceService and ModalComponent as follow:
// src/app/evidence/evidence.component.ts
//...
export class EvidenceComponent implements OnInit {
//...
buildClusters() {
const self = this;
this.evidenceService.clusterBuilder(this.mainKeyword,
this.clusterKeywords).then(data => {
self.modal.showModal(data[0]); });
}
}
Please notice that since clusterBuilder() returns a promise, we need to get the output data via then() and pass it as a parameter in the showModal() function.
Having said that, the next step would be making the Modal component process...