에서 밑줄 템플릿까지 mustache.js

Question

underscore template에서 mustache.js으로 변경하고 싶습니다.

mustache.js에는 if statements이 없으므로 mustache.js을 사용하려면 어떻게해야합니까?

<% if (done) { %> 
<span class="todo-clear"> 
    <a href="#"> 
    Clear <span class="number-done"><%= done %></span> 
    completed <span class="word-done"><%= done === 1 ? 'item' : 'items' %></span> 
    </a> 
</span> 
<% } %> 

내 솔루션은 다음과 같습니다

{{#total}} 
     <span class="todo-count">{{ total }} 
      <span class="number">{{ remaining }}</span> 
      <span class="word"><%= remaining == 1 ? 'item' : 'items' %></span> left.--> 
     </span> 
      <span class="hint"> 
      Drag tasks from one list into another and vice versa. 
      </span> 
{{/total}} 

가 0 이상이 될 수 있기 때문에 그것은, 총 변수 작동하지만, 변수를 나머지에 문제를 해결하는 가장 좋은 방법이 무엇인지 모른다있는 1 이상일 수 있습니다.

<span class="word"><%= remaining == 1 ? 'item' : 'items' %></span> left.</span> 

그것은 그런 일해야한다 :

<span class="word"> 
    {{#remaining}} 'items' {{/remaining}} 
    {{^remaining}} 'item' {{/remaining}} 
</span> 

남아있는 1 이상으로 할 수 있기 때문에 그것은 작동하지 않습니다. 보기에

Answer 1

이 같은 것을 만들 수 있습니다 : 당신은 단지 새로운 템플릿 프레임 워크로 이동하는 경우

Mustache.render(yourTemplate, { 
    remaining: items.length > 1 ? true : false 
} 

Answer 2

을, 나는 handlebars.js를 사용하는 것이 좋습니다 것입니다. 이 문을 다음과 같이 경우에 대한 지원이 다음`Handlebars` 문서에 따르면

{{#if total}} 
    <span>something</span> 
{{else}} 
    <span>something else</span> 
{{/if}}