如何使用 pure.js 自动渲染 JSON 数组？

Question

我正在尝试使用pure.js 模板引擎将 JSON 数组转换为 HTML 代码。

我了解如何使用 autoRender() 将关联映射映射到 HTML：http://jsfiddle.net/P7H98/

但如果我用数组替换关联映射，我最终会得到插入空行的迭代：http://jsfiddle.net/P7H98/1/

是否可以 autoRender() 一个数组并最终得到与第一个示例相同的输出？

更新：在<li> 节点内嵌套<div class="toString"></div> 可以解决问题。但我仍然不确定为什么。这个问题肯定有更易读的解决方案吗？

Answer 1

toString 纯属巧合。

属性names 触发循环，因为它指向一个数组。
那么toString是每个数组元素都存在的方法，被调用。

如果你在 LI 上添加 toString 类，它将起作用。

您应该尝试使用render 和指令。 它们可以即时生成，让您更精确地控制需要做什么。