Elenco di rendering dei baffi, se non vuoto

Question

Vorrei usare i baffi per rendere un elenco non ordinato HTML solo se un oggetto elenco non è vuoto. Quindi vorrei:

<ul> 
    <li>item 1</li> 
    <li>item 2</li> 
</ul> 

se la lista ha elementi e nulla se la lista è vuota (nemmeno i tag ul)

Come posso fare questo?

edit: la mia struttura dei dati è:

{ "list": ["first item", "second item"] } 

Answer 1

È necessario riformattare lo struttura di dati a questo:

{ 
    "list": { 
     "items": ["first item", "second item"] 
    } 
} 

Il modello Baffi sarebbe ora questo

{{#list}} 
    <ul> 
     {{#items}} 
      <li>{{.}}</li> 
     {{/items}} 
    </ul> 
{{/list}} 

I fatto un video che spiega come funziona Mustache e come implementarlo usando sia PHP che JavaScript. Puoi trovarlo qui: http://mikemclin.net/mustache-templates-for-php-and-javascript/

Answer 2

Se non si desidera o non è possibile riformattare i dati, è anche possibile controllare lo items.length prima di visualizzare i tag <ul>. Alcune persone disapprovano questo, ma è sicuramente un'alternativa alla risposta di Mike.

{{#items.length}} 
    <ul> 
     {{items}} 
      <li>{{property}}</li> 
     {{/items}} 
    </ul> 
{{/items.length}}