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

[Siddharth Kulat]

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.

[Ramya Thirugnanam]

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

 

 

Sample: https://stackblitz.com/edit/angular-qqx9nj-q12ziw?file=app.component.html  

 

Regards,
Ramya T