【问题标题】:What template to render Hash in javascript在javascript中呈现哈希的模板是什么
【发布时间】:2012-05-02 06:18:31
【问题描述】:

使用 javascript 的 Mustache 模板实现模板应该如何渲染 Hash 对象。越来越多的示例处理众所周知的键和值,但是如何创建模板(知道哈希的形式为 <string,string>

var hash = {
    "Key1":"Value1",
    "Key2":"Value2",
    "Key3":"Value3",
    "Key4":"Value4"
};

Mustache.render(hash,"{{WHAT COMES HERE}}");

我正在尝试输出这个

<ul> //for each object in hash <li><a href="{{key}}">value</a></li> </ul>

【问题讨论】:

    标签: javascript dictionary hashmap mustache


    【解决方案1】:

    在小胡子中,它的:

    Mustache.render(html, data);
    

    对于重复值,您可以使用部分

    var html = '<ul>{{#list}}<li><a href="{{key}}">{{value}}</a></li>{{/list}}</ul>';
    

    和数据:

    var data = {
        list : [ //list is an array of items
            {key:'foo1',value:'bar1'},
            {key:'foo2',value:'bar2'},
            {key:'foo3',value:'bar3'},
            ...
        ]
    }
    

    【讨论】:

    • 所以从你的回答来看,如果我有 100 个键,那么我需要模板来反映这一点,man jstemplates 让琐碎的事情变得更难
    • 请查看我的问题,我已包含实际输出要求。看来您已经更新了答案
    • @Deeptechtons 你可以使用部分。他们根据传递给它的数据重复一段 HTML。
    • 似乎将对象转换为 List 是我唯一的出路。下水道又一个小时感谢约瑟夫的帮助
    【解决方案2】:

    根据我从他们的文档http://mustache.github.com/mustache.5.html 中收集到的信息,它应该是类似的,但参数是相反的。

    “{{Key1}}, {{Key2}}, {{Key3}}....”

    【讨论】:

      猜你喜欢
      • 2012-02-15
      • 2012-06-19
      • 1970-01-01
      • 1970-01-01
      • 2015-10-05
      • 2018-04-21
      • 1970-01-01
      • 2014-08-27
      • 2018-08-23
      相关资源
      最近更新 更多