Ng-repeat to go through an array object

Dashboard
1

I have following array:

image
image306Ă—448 9.16 KB

Now I want an html table with a row for each item.
I tried following code but don't get it to work:

<template>
    <div>
        <!-- Title -->
        <h3>Latest bigbag details</h3>
        <table>
            <tr ng-repeat="row in msg.payload track by $index">
                <td class="header">Order ID</td><td class="content">{{row.ORDER_NAME}}</td>
            </tr>
        </table>
    </div>
</template>

or

<template>
    <div>
        <!-- Title -->
        <h3>Latest bigbag details</h3>
        <table>
            <tr ng-repeat="row in msg.payload">
                <td class="header">Order ID</td><td class="content">{{row.ORDER_NAME}}</td>
            </tr>
        </table>
    </div>
</template>

In all examples that I find online this should work, what are I'm doing wrong :frowning:

Thanks for any help
Best regards
Filip top

2

ng- is Angular (i.e. Old Dashboard)
Dashboard 2 is build upon Vue

Vue version of ng-repeat is v-for

1 Like
3

Should have known that :frowning: . I'm just back from a holiday and clearly not completely awake :slight_smile: . Steve-Mci, thank you very much for the help.

Best regards
Filip

1 Like