车把动态更新仅部分

Question

我使用Handlebars在Phonegap项目中工作，但找不到答案。

我有这样的模板（剥离）

<script id="autocomplete_tpl" type="text/x-handlebars-template">
    <section class="content">
     ......
     <input type="text" id="input_autocomplete">
     ......
     <div id="autocomplete_list_wrapper">
          {{> autocomplete_list}}|
     </div>
     ......
</script>

<script id="autocomplete_list" type="text/x-handlebars-template">
<ul>
{{#each listing}}
     <li>{{id}} {{name}}</li>
{{/each}}
</ul>

我尝试完成的是在部分中设置一个列表，由请求的响应填充。像自动完成一样。

因此，当用户确实更改/模糊输入[type =“text”]时，使用请求的响应（json）自动填充#autocomplete_list_wrapper。

但是有没有办法，只能更新部分车把，而不是整个模板。 （所以输入不会覆盖等）

提前致谢！

回答

好的，一个新的清新的一天有很多帮助

request(function(data){
    var list_partial = Handlebars.partials["autocomplete_list"];
    $view.find('#autocomplete_list_wrapper').html(list_partial(data));
}