mustache.js中的部分内容

Question

我正在尝试弄清楚mustache模板中的partials如何工作。

JS

var mustacheTmpl = Mustache.render(popups, {list:true});

弹出式模板

{{#list}}
<ul class="pending-job-list">
<li>test</li>
</ul>
{{/list}}

现在我想把列表放到同一模板（弹出窗口）中的某些标记内，并进行渲染。

{{#outer}}
   <div class="outerPopup">
      // I want to render the list inside here
   </div>
{{/outer}}

我该如何实现这个目标？

- Newcoma

Answer 1

在这里：

var partial = "{{#list}}"+
"<ul class=\"pending-job-list\">"+
"<li>{{.}}</li>"+
"</ul>"+
"{{/list}}";


var template = "{{#outer}}"+
"<div class=\"outerPopup\">"+
"{{>list}}"+
"</div>"+
"{{/outer}}";

var html = Mustache.render(template, { outer: {list:["test"]} }, { list:partial });

- JVitela