if-else on an array

[thany]

I'm new to mustache, so please go easy. I've found that {{#thing}} is used to loop over items in an array, and {{^thing}} is used to check if thing is falsey or an empty array. So far so good. But how do I check if an array is non-empty? I want to achieve a pretty common pattern like this:

{{if items}}
<ol>
    {{#items}}
    <li>{{.}}
    {{/items}}
</ol>
{{/if items}}
{{^items}}
  No items here
{{/items}}

The {{if items}} obviously doesn't work, but it does illustrate what I need. Given the dual function of {{#thing}} were it can also check truthyness of non-array variables afaik, if I were to use {{#items}} there, it would spew out as many lists as there are items.

Is there another notation that's not in the docs, or one that I've totally missed? I'm sure I'm not asking anything totally new, surely.

[zmacomber]

As far as I can see in the documentation at https://github.com/janl/mustache.js, it doesn't look like there's an "{{if array not empty}}" notation. You'd have to put it in a separate variable and check that. Like in your example above, you would have an {{#ifItems}} variable that got calculated in your JS. Makes for a little more code but hopefully not too much in your situation (correct me if I'm wrong as I'm curious if it would mean a lot more code for you)...

[bobthecow]

Since it's javascript {{#items.length}} works to check whether it's an empty array.

[zmacomber]

Since it's javascript {{#items.length}} works to check whether it's an empty array.

Good point @bobthecow

[thany]

@zmacomber I'm using mustache in Patternlab so I can't really change code...
@bobthecow Thanks, that seems to work fine. But indeed, only in javascript, which is probably ok.

[erik-peterson-fox]

I encountered this issue in patternlab too and @bobthecow saved my afternoon.