Accesing object with key object.$key, is it possible?

1

This works for repeating when i specify reportItems.time or reportItems.human.

    <div repeat.for="val of reportItems.time">
        time ${val.timelineEntry.id}
    </div>
   
  Above works.


    where analysisTypes is     private analysisTypes = ["time", "motion", "human", "sensor"];

    
    But this one does not work.
    <div repeat.for="types of analysisTypes"> (analysisTypes is  ["time", "motion", "human", "sensor"];)
        ${$index} ${types}
        <div repeat.for="val of reportItems.$types">
            ${val} - ${val.timelineEntry.id} <br>
        </div>
    </div>

Any idea how to apply repeat.for in dictionary reportItems above. reportItems is of type
@bindable
private reportItems: { [analysisType in TimelineEntryType]: ReportItem[] } = {};

2

Hi @suvir ! I think that instead of reportItems.$types you actually want to have reportItems[types].

3

tried already. does not work. This is the data

this.reportItems[time]:

    {
        {
            "id": "73fd92f6-f259-4266-b196-2b08588650ca",
            "projectId": "0a290a6b-0613-47c8-acfd-a101f5c91d96",
            "representativeId": "209cef00-73eb-497d-bc39-52d1e846f322",
            
            "notes": "kljkfsljklsg \n\n\nlkldfk\nlkldf\n",
            "type": "time"
        },
        "visibilityStatus": true
    }

Skärmbild 2022-02-23 084532
Skärmbild 2022-02-23 0845321790×356 196 KB

Above is the screenshot of console.log of the object itself.

4

Take a look at this similar example: Dumber Gist. It would be nice if you could reproduce your issue minimally there.

5

In the end, i decided to not use the dictionary and used array instead. Arrays are easier to loop over.