从下划线模板到胡须.js

from underscore template to mustache.js

本文关键字：胡须 js 下划线      更新时间：2023-09-26

我想从underscore template更改为mustache.js。

由于在小胡子中.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 个或更多。

在你看来，你可以做这样的东西：

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

如果您刚刚迁移到新的模板框架，我建议您使用车把.js。这支持 if 语句，如下所示：

{{#if total}}
  <span>something</span>
{{else}}
  <span>something else</span>
{{/if}}
相关文章：