2

我正在尝试结合 jquery 和 javascript 来学习 mustache / icanhaz，并且我有一个要向其传递各种数据的 mustache 模板。其中一条数据是选择列表，但该列表的长度可能不同（例如，一到三个选择）。如何将这些不同的数据传递给 mustache？

这是我的代码：

Javascript：

for (childIndex in scenes[sceneID].children) {
    childSceneID = scenes[sceneID].children[childIndex];
    childScene = scenes[childSceneID];
    childLink = childScene.name;
}

decision = ich.decision(decisionData);
$('#page_container').append(decision);

模板：

<script id="decision" type="text/html">
        <div id="page">
            <h1>{{ tTitle }}</h1>
            <ul id="options">
                <li>{{tDecision}}</li>
            </ul>
            {{#tBacklink}}<a id="back" data-sceneid="{{tBacklink}}">Back</a>{{/tBacklink}}
        </div>
    </script>

所以不知何故，我必须将决策对象中的所有 childLinks 传递给 mustache 以在循环中解析以输出<li>元素列表。

有人知道怎么做吗？

4

1 回答 1

5

首先在对象中建模您的数据，

var scene = {
  tTitle: '',
  tDecision: '',
  tBacklink: ''
};

然后在循环的每次迭代中将这些对象中的每一个放在一个数组中

var scenes = [];

for () {
  scenes.push(scene);
}

然后调用 Mustache 用场景数组渲染模板，模板已经修改成这样

<script id="decision" type="text/html">
  <div id="page">
    {{#scenes}}
      <h1>{{ tTitle }}</h1>
      <ul id="options">
        <li>{{tDecision}}</li>
      </ul>
      {{#tBacklink}}<a id="back" data-sceneid="{{tBacklink}}">Back</a>{{/tBacklink}}
    {{/scenes}}
  </div>
</script>
于 2011-08-15T21:42:27.853 回答