Mustache JS 和单数/复数

Question

我使用 Mustache 来模板化我的 javascript ajax 调用，这是我的数据和模板：

{'joined':1} // ajax responde data json.

var myTemplate = '{{ joined }} person joined so far.'

它有效，但是我想修复其中的语法，如果超过 1 人加入，我想显示到目前为止有 5 人加入。

如何在不操作服务器端 ajax json 响应器的情况下实现这一目标？

Answer 1

如果您可以诱导服务器端 AJAX 以这种方式传递它，则可以在 JavaScript 对象内添加条件逻辑：

var json = {
    'joined': 1,
    'ppl': function() {
        return (this.joined === 1) ? 'person' : 'people'
    }
} // ajax responde data json.
var myTemplate = '{{ joined }} {{ppl}} joined so far.'

Mustache.to_html(myTemplate, json);

http ://jsfiddle.net/mblase75/H8tqn/

Answer 2

实际上，您可以仅使用 Mustache 来完成此操作，但对于这种情况，您的 JSON 不仅包含数字，还包含值数组以及数组的大小：

var json = {
  'rows': ['a','b','c'],
  'numRows': function() {
      return this.rows.length
   }
} // ajax response data json.

为此，您可以使用以下 Mustache 模板之一：

在简单的情况下，当您只需要为复数添加“s”时：

var myTemplate = '{{ numRows }} link{{^rows}}s{{/rows}}{{#rows.1}}s{{/rows.1}} parsed so far.'

---

结果：

0 links parsed so far.
1 link parsed so far.
2 links parsed so far.

在一般情况下，当复数是特殊的（如 people/person）时：

var myTemplate2 = '{{ numRows }} {{^rows}}people{{/rows}}{{#rows.0}}{{^rows.1}}person{{/rows.1}}{{/rows.0}}{{#rows.1}}people{{/rows.1}} joined so far.'

---

结果：

0 people joined so far.
1 person joined so far.
2 people joined so far.

您可以在此处找到在实践中应用的两个模板:
http://jsfiddle.net/H8tqn/9/

---

PS如果可以的话我会在这里再次发帖找到这个问题的解决方案：

No people joined so far.
1 person joined so far.
2 people joined so far.