Moustache render list nếu không rỗng

Question

Tôi muốn sử dụng Mustache để hiển thị một danh sách không có thứ tự HTML chỉ khi một đối tượng danh sách không rỗng. Vì vậy, tôi muốn:

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

nếu danh sách có yếu tố và gì nếu danh sách rỗng (thậm chí không thẻ ul)

Làm thế nào tôi có thể làm điều này?

chỉnh sửa: cấu trúc dữ liệu của tôi là:

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

Answer 1

Bạn cần phải định dạng lại cấu trúc dữ liệu của bạn như thế này:

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

mẫu Moustache của bạn bây giờ sẽ là này

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

tôi đã thực hiện một video giải thích cách thức hoạt động của Mustache và cách thực hiện nó bằng cách sử dụng cả PHP và JavaScript. Bạn có thể tìm thấy ở đây: http://mikemclin.net/mustache-templates-for-php-and-javascript/

Answer 2

Nếu bạn không muốn hoặc không thể định dạng lại dữ liệu của mình, bạn cũng có thể chỉ cần kiểm tra items.length trước khi hiển thị thẻ <ul>. Một số người cau mày về điều này, nhưng nó chắc chắn là một thay thế cho câu trả lời của Mike.

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