迭代 ICanHaz.js / Mustache 中的根答案

【问题标题】：Iterating over Roots in ICanHaz.js / Mustache迭代 ICanHaz.js / Mustache 中的根
【发布时间】：2013-01-29 03:30:37
【问题描述】：

我在使用 ICanHaz.js / Mustache 进行迭代时遇到了问题。我想遍历 JSON 结构的根并提取特定参数。这是我的 JSON：

{
"1": {
    "param1": "true",
    "param2": "false",
    "param3": "false",
    "targetMe": "ADMINUSERS"
},
"2": {
    "param1": "true",
    "param2": "false",
    "param3": "false",
    "targetMe": "ADMINUSERS"
},
"3": {
    "param1": "true",
    "param2": "false",
    "param3": "false",
    "targetMe": "ADMINUSERS"
}
}

这是我的 ICanHaz 模板：

<script id="groupselect_template" type="text/html">
     {{ /. }}
        <option value="{{name}}">{{name}}</option>
     {{ /. }}
</script>

这是我的 JS：

var iterationFunc = function(data) {
var temp = ich.groupselect_template(data);
$('#selectdiv').append(temp);

}

我根据这些过去的答案（here、here 和 here）建立了这个结构，但我似乎无法让它工作。任何人都可以帮忙吗？由于 ICH 内部有胡须，我知道可以使用更广泛的基于胡须的解决方案。

【问题讨论】：

标签： javascript jquery mustache icanhaz.js

【解决方案1】：

我认为你不能在小胡子中轻松地遍历对象属性。但是你可以通过数组来做到这一点，所以如果可以的话，将你的 JSON 更改为类似

[{
    "param1": "true",
    "param2": "false",
    "param3": "false",
    "targetMe": "ADMINUSERS"
},{
    "param1": "true",
    "param2": "false",
    "param3": "false",
    "targetMe": "ADMINUSERS"
},{
    "param1": "true",
    "param2": "false",
    "param3": "false",
    "targetMe": "ADMINUSERS"
}]

或在将数据应用到模板之前，遍历它并将其更改为数组，例如使用 jQuery

var dataArray = [];
$.each(data, function(key, item){
    dataArray.push(item);
});

Here's 一个工作中的小提琴

【讨论】：