handlerbars.js ตรวจสอบว่ารายการว่างหรือไม่

มีวิธีในเทมเพลต Handlebars.js เพื่อตรวจสอบว่าคอลเล็กชันหรือรายการเป็นโมฆะหรือว่างเปล่าก่อนที่จะไปและวนซ้ำตามรายการ / คอลเลกชันหรือไม่

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

{{/list}}



{{#each items}}

{{/each}}

แท็ก "each" สามารถใช้ส่วน "else" ได้เช่นกัน ดังนั้นรูปแบบที่ง่ายที่สุดคือ:

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

หากคุณมีบางสิ่งที่คุณต้องการแสดงเพียงครั้งเดียวและเฉพาะในกรณีที่อาร์เรย์มีข้อมูลให้ใช้

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

.length จะส่งคืน 0 สำหรับอาร์เรย์ว่างดังนั้นเราจึงได้ค่าที่เป็นเท็จจริง

โอเคมันง่ายกว่าที่คิด:

{{#if items}}
// render items

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

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

หากคุณต้องการตรวจสอบว่าคอลเลกชัน (เคอร์เซอร์) ว่างเปล่าหรือไม่คำตอบก่อนหน้านี้จะไม่มีประโยชน์คุณต้องใช้count()วิธีการ:

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

สำหรับใครก็ตามที่ต้องการใช้ {{#each}} ที่ด้านบนของ {{#if}} (เช่น if loop ภายใน a for loop) พวกเขามีรายการอาร์เรย์ที่แตกต่างกันสามรายการหรือไม่

การใช้การค้นหาภายในคำสั่ง if ช่วยแก้ปัญหาให้ฉันได้ เนื่องจากคำตอบข้างต้นไม่สามารถแก้ปัญหาของฉันได้

นี่คือรหัสของฉัน

{{#each OtherRandomItems}}

  {{this}}

  {{lookup ../AnotherRandomItems @index}}

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

{{/each}}