Add multiple e-connectors using *ngFor in component.html of angular

Hello,

I want to add some multiple "e-connector" in the ejs-diagram. We want to achieve by using *ngFor like below,

<e-connectors *ngFor="let coordinates of finalCordinates">
<e-connector [sourcePoint]='{"x":coordinates.sourcePointx,"y":coordinates.sourcePointy}'
     [targetPoint]='{"x":coordinates.targetPointx,"y":coordinates.targetPointy}'
     [style]='{ "strokeWidth": 3,"strokeColor": "#fff","fill": "transparent","strokeDashArray": "","opacity": 1,"gradient": {"type": "None"}}'
     [segments]='segments4' [targetDecorator]='decorator'>
  </e-connector>
</e-connectors

Currently we are not getting anything? Can you please suggest me what should I do?

Thank You.

1 Reply

RT Ramya Thirugnanam Syncfusion Team July 10, 2019 11:43 AM UTC

Hi Siddharth, 
 
Thanks for contacting Syncfusion support.  
 
We have created a sample by modifying your code example to achieve your requirement.  
 
Code example:  
<="" span="">                                                                        [targetPoint]='{"x":coordinates.targetPointx,"y":coordinates.targetPointy}'>  
 
 
 
Regards,
Ramya T
 


Loader.
Up arrow icon