通过对象的dot.js循环

Question

使用dot.js模板引擎，如何遍历对象？在下面的示例数据中，如何循环遍历"msg“对象？

{
    "msg": {
        "1": {
            "a": "a1"
        },
        "2": {
            "b": "b2"
        }
    }
}

Answer 1

从the website上的示例来看，您应该能够：

{{ for(var prop in it) { }}
<div>{{=prop}}</div> <!-- Prints "msg" -->
    {{ for(var msgProp in it[prop]) { }}
    <div>{{=msgProp}}</div> <!-- Prints "1" and "2" -->
        {{ for(var numProp in it[prop][msgProp]) { }}
        <!-- Prints "a: a1" and "b: b1" -->
        <div>{{=prop}}: {{=it[prop][msgProp][numProp]}}</div>
        {{ } }}
    {{ } }}
{{ } }}

但是，您可能希望先用Javascript对该对象进行一些简化，然后再将其传递给模板，以便更容易地迭代。

Answer 2

最好的做法是首先将msg转换为数组。这样迭代要容易得多。之后，只需使用jQuery的$.each()即可。