for loop within a custom card template

[Chris Loelke]

Varaibles don't seem to display when using remote data and a custom template

I have the following within my custom card template.

AssigneeList is an json object within the returned json for each card detail.

<div>
   ${for(Assignee of AssigneeList)}
    <div>
    ${Assignee.hruserID}
    </div>
    ${/for}
</div>

[Balasubramanian Sattanathan]

Hi Chris Loelke, 

Greetings from Syncfusion Support. 

We have validated your requirement “for loop within a custom card template” at our side and let you know that we can only access the card data inside the cardTemplate. If the AssigneeList is not in the card data and it will be an undefined value in the loop. We have prepared a sample based on your requirement by making use of the below code snippet. And we would suggest you to refer the below UG links to know more details about the cardTemplate. 

Datasource: 

{ 

    "Id": "Task 1", 

    "Title": "Task - 29001", 

    "Status": "Open", 

    "Summary": "Analyze the new requirements gathered from the customer.", 

    "Type": "Story", 

    "Priority": "Low", 

    "Tags": "Analyze,Customer", 

    "Estimate": 3.5, 

    "Assignee": "Nancy Davloio", 

    "RankId": 1, 

    "Color": "#02897B", 

    "ClassName": "e-story, e-low, e-nancy-davloio", 

    "AssigneeList": [ 

      "Assignee 1", 

      "Assignee 2" 

    ] 

  } 

HTML: 

<tr> 

    <td class="CardHeader">Type:</td> 

    <td> 

      ${for(Assignee of AssigneeList)} 

      <div>${Assignee}</div> 

      ${/for} 

    </td> 

</tr> 

Sample: https://stackblitz.com/edit/kanban-card-template-with-for-loop?file=index.ts 

cardTemplate UG: https://ej2.syncfusion.com/documentation/kanban/cards/#template 

cardTemplate online demo: https://ej2.syncfusion.com/demos/#/material/kanban/card-template.html  

Template-engine: https://ej2.syncfusion.com/documentation/common/template-engine/ 

Kindly try the above solution and let us know if you need further assistance. 

Regards, 

Balasubramanian S