handlerbars.js kiểm tra xem danh sách có trống không

Có cách nào trong tembars.js templating để kiểm tra xem bộ sưu tập hoặc danh sách là null hay trống, trước khi đi và lặp qua danh sách / bộ sưu tập không?

// if list is empty do some rendering ... otherwise do the normal
{{#list items}}

{{/list}}



{{#each items}}

{{/each}}

Thẻ "mỗi" cũng có thể có phần "khác". Vì vậy, hình thức đơn giản nhất là:

{{#each items}}
// render item
{{else}}
// render empty
{{/each}}

Nếu bạn có thứ gì đó muốn hiển thị một lần và chỉ khi mảng có dữ liệu , hãy sử dụng

{{#if items.length}}
    //Render
{{/if}}

.length sẽ trả về 0 cho các mảng trống để chúng tôi đã đạt được giá trị falsey thực sự.

Ok nó đơn giản hơn tôi nghĩ:

{{#if items}}
// render items

{{#each items}}
// render item
{{/each}}

{{else}}
// render empty
{{/if}}

Nếu bạn muốn kiểm tra xem một bộ sưu tập (con trỏ) có trống hay không, các câu trả lời trước sẽ không hữu ích, thay vào đó bạn phải sử dụng count()phương thức:

{{#if items.count}}
    <p>There is {{items.count}} item(s).</p>
{{else}}
    <p>There is nothing</p>
{{/if}}

Đối với bất kỳ ai cần sử dụng {{#each}} trên đầu {{#if}} (tức là một vòng lặp if bên trong vòng lặp for). Là họ có ba danh sách khác nhau của mảng.

Sử dụng tra cứu bên trong câu lệnh if sẽ giải quyết vấn đề cho tôi. Như, các câu trả lời trên không giải quyết được vấn đề của tôi.

Đây là mã của tôi,

{{#each OtherRandomItems}}

  {{this}}

  {{lookup ../AnotherRandomItems @index}}

  {{#if (lookup ../RandomItems @index)}}
  // render items
  {{else}}
  // render empty
  {{/if}}

{{/each}}