We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

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


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}'
     [style]='{ "strokeWidth": 3,"strokeColor": "#fff","fill": "transparent","strokeDashArray": "","opacity": 1,"gradient": {"type": "None"}}'
     [segments]='segments4' [targetDecorator]='decorator'>

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 06:43 AM

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}'>  
Ramya T

Live Chat Icon For mobile
Up arrow icon