如何在 Handlebars 的模板内创建模板?
这些是我的模板:
<script type="text/x-handlebars-template" id="animal-template">
<div class="locationSelect">
{{content}}
</div>
</script>
<script type="text/x-handlebars-template" id="cat-template">
<div>
I am cat
</div>
</script>
<script type="text/x-handlebars-template" id="dog-template">
<div>
I am dog
</div>
</script>
我想在运行时在动物模板中加载适当的模板(猫模板或狗模板)。我该怎么做?
最佳答案
Partials 当您有一大块 Handlebars.js 模板需要在几个不同的上下文中使用时会派上用场
<script id="people-template" type="text/x-handlebars-template">
{{#each people}}
{{> person}}
{{/each}}
</script>
<script id="person-partial" type="text/x-handlebars-template">
<div class="person">
<h2>{{first_name}} {{last_name}}</h2>
<div class="phone">{{phone}}</div>
<div class="email"><a href="mailto:{{email}}">{{email}}</a></div>
<div class="since">User since {{member_since}}</div>
</div>
</script>
<script type="text/javascript">
$(document).ready(function() {
var template = Handlebars.compile($("#people-template").html());
Handlebars.registerPartial("person", $("#person-partial").html());
template(yourData);
}
</script>
http://blog.teamtreehouse.com/handlebars-js-part-2-partials-and-helpers
关于javascript - 模板内的 Handlebars 模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11868623/