JSON in Habpanel

Hello together,

i have a json structured text in a string item.
json looks for instance like this, so generally just an array.
The number of elements is dynamic, but it should not get larger than 30 elements.

[
{
“id”: 1427,
“date_create”: “2020-08-22T10:37:48.369484+02:00”,
“quality”: “test”,
“synchronized”: false,
“time_since_last_output”: “0”,
“belongs_to_date”: 186,
“prev_id”: null
},
{
“id”: 1426,
“date_create”: “2020-08-22T07:56:29.268875+02:00”,
“quality”: “test”,
“synchronized”: false,
“time_since_last_output”: “0”,
“belongs_to_date”: 186,
“prev_id”: null
},
{
“id”: 1425,
“date_create”: “2020-08-22T04:43:06.263233+02:00”,
“quality”: “test”,
“synchronized”: false,
“time_since_last_output”: “0”,
“belongs_to_date”: 186,
“prev_id”: null
}
]

I want to show this json in a table in habpanel. Therefore i wrote the follwing in a custom widget:

<table class="table">
  <tr>
    		<td> Erstellzeit </td>
    		<td> quality </td>
  </tr>
  
  <tr ng-repeat="i in $eval(itemValue('myitem'))">		
    <td> <span style="color: white; font-size: 12pt">	{{ i.date_create | date:'shortTime' }} </span></td>
    <td> <span style="color: white; font-size: 12pt">	{{ i.quality }} </span></td>
  </tr>

</table>

From a functional perspective it’s basical working, but performance is really bad. Loading of the dashboard takes pretty long, and it seems that the entire habpanel (especially on my tablets) is slowed down.

Furthermore, during development: it’s interessting that when I change in habpanel from my widget code view to the preview, I cannot return to the code view (when i click on the tab “Code”). simply nothing comes than.

I assume that it has something todo with the “eval” statement in my habpanel widget. Has anyone observed something comparable and/or has perhaps an idea how to improve?

thanks
martin