Question

我有一个带有动态侧边栏及其相应页面的bootstrap模板。

我在侧边栏和页面上使用了手柄。

当我点击侧边栏中的标签时，我想显示其各自的页面。

如何使用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”后面有逗号。删除该逗号。

同样对于内容页面，您需要使用来自字段变量

的值附加模板

把手js错误

1 个答案: