Is there a way in mustache to render a block if a section is present without iterating?

Question

I have a section with a header that I want to show only if the array is populated, something like this:

<h1> These are the elements in the array </h1>
<ul>
    {{#myArray}}
    <li>{{name}} - {{value}}</li>
    {{/myArray}}
</ul>

How can I render the <h1> only if myArray is populated?

If i put it inside the # section it is rendered once for every element in the array, which is not what i want.

What's the correct way to do this?

The "correct" way is to prepare your view before rendering, or to pass an object with a method :) — bobthecow, May 22 '14 at 14:24

mohamedrias · Accepted Answer · 2014-05-21T15:29:19.937

3

{{#myArray.length}}
     <h1> These are the elements in the array </h1>
{{/myArray.length}}

The .length will return 0 for empty arrays so we have achieved a real falsey value.

In terms of PHP:

{{#myArray.0}}
     <h1> These are the elements in the array </h1>
{{/myArray.0}}

edited May 21 '14 at 15:29

answered May 21 '14 at 14:59

mohamedrias

1

It doesn't work, probably because I'm using mustache through php which means that arrays don't have the `.length` method. – Raibaz May 21 '14 at 15:01
updated the answer. Before there was an extra # at the closing tag – mohamedrias May 21 '14 at 15:03
Could you please try this : {{#myArray.0}}, i have updated my answer – mohamedrias May 21 '14 at 15:29
1

Ok, with `{{#myArray.0}}` it works, thanks. I'll accept the answer. – Raibaz May 21 '14 at 15:33
The name.0 notation also works in Python with [chevron](https://github.com/noahmorrison/chevron). You can extend this to render a list conditional on it containing at least _n_ items. – Ian Goldby Jul 24 '23 at 10:54

1 Answers1