Iterate through Array of Objects using Dustjs

Question

After a JSONP call I am returned:

[
    {
        "text": "yo whats up?",
        "id": 1
    },
    {
        "text": "hey man!",
        "id": 2
    },
    {
        "text": "dude.",
        "id": 3
    }
]

Heres the actual API call:
http://api.twitter.com/1/statuses/user_timeline/codinghorror.json

Using Dust.js I would do something like:

<ul>
{#myPosts}
  <li>{text}, {id}{~n}</li>
{:else}
  <p>Humm...</p>
{/myPosts}
</ul>

But there is no key "myPosts" in the response. That's the problem. Checkout the API call too see how the JSON is being returned, mabye I'm interpreting this wrong.

What syntax would I use in Dust.js to iterate through each object in this array?

Interrobang · Accepted Answer · 2013-02-17 20:25:08Z

5

You can use the "current context" shortcut.

{#.}
  {text} - {id}<br />
{/.}

answered Feb 17, 2013 at 20:25

Interrobang

17.5k3 gold badges57 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Olaf Dietsche Over a year ago

I searched around dustjs, but couldn't find anything about #.. Where is this documented?

Olaf Dietsche · Accepted Answer · 2013-02-14 17:32:51Z

1

From dustjs {guide}, I would say, your example should already loop through the array. You just need it as

{
    myPosts: [
        {
            "text": "yo whats up?",
            "id": 1
        },
        {
            "text": "hey man!",
            "id": 2
        },
        {
            "text": "dude.",
            "id": 3
        }
    ]
}

From the Dust Tutorial - Dust under the covers, I've built this JSFiddle. Ignoring the boilerplate, it comes down to prefixing the received JSONP array with myPosts yourself and pass that to dustjs

var jsonp = [...];
dust.render('template', { myPosts: jsonp }, function (err, out) {
...
});

To access anything in your template, you must name it. There is no other way, AFAICS.

edited Feb 14, 2013 at 17:32

answered Feb 14, 2013 at 16:36

Olaf Dietsche

74.4k9 gold badges113 silver badges214 bronze badges

3 Comments

Dan Kanze Over a year ago

Yea but there is no key "myPosts". That's the problem. Checkout the API call too see how the JSON is being returned, mabye I'm interpreting this wrong.

Olaf Dietsche Over a year ago

@DanKanze I'm still looking for a solution. Downvoting doesn't speed that up. Good bye.

Dan Kanze Over a year ago

Yea I went through those docs and couldn't find anything either. It seems like this should be a request feature.

Collectives™ on Stack Overflow

Iterate through Array of Objects using Dustjs

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related