Handlebars js error

Question

我有一個帶有動態邊欄和相應頁面的引導模板。

我在側邊欄和頁面上都使用了handlebarjs。

一旦我點擊側邊欄中的標籤，我想顯示其各自的頁面。

如何使用Handlebars js來做到這一點。

側欄的html：

<script id="sin" type="text/x-handlebars-template"> 
<div class = "tabs-left light-tab"> 
<ul class="nav nav-tabs medium-icon" id="nav_list"> 
<li class="active"> 
{{#each Left}} 
<a href="#" data-tab-id="s1"> 
<span class="icon icon-untitled"></span> {{this}} </a> 
{{/each}} 
</li> 
</ul> 
</div> 
</script> 

一個頁面內容的HTML：

<script id="b_i" type="text/x-handlebars-template"> 
{{#BI}} 
<div class="row-fluid"> 
<div class="span12"> 
<div class="span6"> 
<div class="control-group"> 
<label>{{this.TD}}</label> 
</div> 
</div> 
</div> 
</div> 
{{/BI}} 

Json用來側邊欄是動態的，如下圖所示：

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


var data = { 
    "Left": [ 
    "BI", 
    "Sim", 
    "BC", 
    "DP", 
    "asdf" 

] 
}; 
$("p").append(template(data)); 

Json用來頁面內容：

var sources = $("#b_i").html(); 
var templates = Handlebars.compile(sources); 

var fields = { 
"BUSINESSIDENTIFICATION": [ 
{ 
    "TD": "hi", 
    } 
] 
}; 

Answer 1

您的以下代碼在值「hi」後有一個逗號。刪除那個逗號。

同樣對於內容頁面，您需要在模板中添加來自字段變量的值