如何檢查句柄中的對象是否爲空？

Question

在句柄中，我需要檢查一個對象是否爲空，如果不是，那麼我需要運行一個循環來抓取對象中的內容。以下是我的代碼和codepen的鏈接。我想這很簡單，但似乎沒有任何工作。我會認爲句柄#if語句會將空對象看作未定義或0，並且最終條件將未實現。

<div class="temp"></div> 

<script id="temp" type="x-handlebars-template"> 
    {{#if tabs}} 
    <p>true</p> 
    {{/if}} 
</script> 

var template = Handlebars.compile($("#temp").html()); 

var tabs = {}; 

var context = { 
    tabs: tabs 
} 

$('.temp').html(template(context)); 

http://codepen.io/matt3224/pen/gaKyKv?editors=101

Answer 1

你可以只使用內置的把手each幫手來完成你在找什麼，你甚至可以有條件地呈現的東西有一個空對象：

var template = Handlebars.compile($("#temp").html()); 
 

 
var tabs = {}, 
 
    test = {a: "Resources", b: "Contact"}; 
 

 
var context = { 
 
    tabs: tabs, 
 
    test: test 
 
} 
 

 
$('.temp').html(template(context));

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/3.0.0/handlebars.min.js"></script> 
 

 
<div class="temp"></div> 
 

 
<script id="temp" type="x-handlebars-template"> 
 
    <h3>each helper on empty object</h3> 
 
    {{#each tabs}} 
 
     <p>Key: {{@key}} Value = {{this}}</p> 
 
    {{else}} 
 
     <p>Your tabs object is empty!</p> 
 
    {{/each}} 
 
    
 
    <h3>each helper on non-empty object</h3> 
 
    {{#each test}} 
 
     <p>Key: {{@key}} Value = {{this}}</p> 
 
    {{else}} 
 
     <p>Your test object is empty!</p> 
 
    {{/each}} 
 
</script>