javascript - mustache JS 部分不渲染

Question

我正在尝试对具有可枚举属性的简单对象使用分部，但分部不会呈现。

这是我的 sample 的链接.

对象

obj6    = {
           people : [
              { firstName : 'Jayson', lastName : 'Buquia', isMale : true },
              { firstName : 'Jane', lastName : 'Doe', isMale : false },
              { firstName : 'John', lastName : 'Smith', isMale : true }
            ]
          };

偏音

 partials = { person : '<li>{{ firstName }} {{ lastName }}{{^isMale}}, a female {{/isMale}}.</li>' }

模板

<ul>
  {{ #people }} 
    {{>person}}
  {{ /people }}
</ul>

Answer 1

尝试改变tpl = $('.template .main').html()至 tpl = $('.template .main').text()作为html()将返回 <h3>Names:</h3><ul>{{ #people }} {{&gt;person}}{{ /people }}</ul>这是无效的模板。

var $p     = $('#container'),
tpl     = $('.template .main').text(),           
partials = { person : '<li>{{ firstName }} {{ lastName }}{{^isMale}}, a female {{/isMale}}.</li>' },
        obj6    = {
            people : [
                { firstName : 'Jayson', lastName : 'Buquia', isMale : true },
                { firstName : 'Jane', lastName : 'Doe', isMale : false },
                { firstName : 'John', lastName : 'Smith', isMale : true }
            ]
        };

 $p.append(Mustache.render(tpl,obj6,partials));

Demo

或者将您的 div 转换为 script标记为模板这里是演示:-

Demo