在胡子中嵌入href时遇到问题

时间:2019-03-07 18:15:54

标签: javascript html mustache

我目前正在尝试使用胡子作为模板引擎为html文档(键和摘要)生成动态信息表。

但是,我的问题是在密钥的<a>标签内嵌入了href。该表会动态生成,因为键和摘要可以正确显示,但是href的值对于每个键和摘要都相同(第一个值)。如何使每个键/摘要具有不同的链接/ href?我已经尝试了很多解决方法,但是在使用胡须时似乎找不到解决方案。使用小胡子有可能吗?

感谢您的帮助。我的表格代码和JavaScript表格如下所示。

 {{#records}}
  {{#jKey}}

  <tr class="c29">
    <td class = c105 colspan="1" rowspan="1"><span class="c55 c71 c130"><a class="c49" href="{{#jLink}}{{jL}}{{/jLink}}">{{jK}}</a></span></td>
    <td class="c98"></td>
    <td class="c114" ></td>
    <td class="c12">{{jSprint}}</td>
    <td class="c126"></td>
    {{/jKey}}
    {{/records}}
  </tr>
var Data = {
    "jKey": [
        {"jK": issues[0].key + ": " + issues[0].summary},
        {"jK": issues[1].key + ": " + issues[1].summary},
        {"jK": issues[2].key + ": " + issues[2].summary},
        {"jK": issues[3].key + ": " + issues[3].summary},
        {"jK": issues[4].key + ": " + issues[4].summary},
        {"jK": issues[5].key + ": " + issues[5].summary},
        {"jK": issues[6].key + ": " + issues[6].summary},
        {"jK": issues[7].key + ": " + issues[7].summary},
    ],
    "jLink": [
        {"jL": issues[0].link},
        {"jL": issues[1].link},
        {"jL": issues[2].link},
        {"jL": issues[3].link},
        {"jL": issues[4].link},
        {"jL": issues[5].link},
        {"jL": issues[6].link},
        {"jL": issues[7].link}
    ],
    "jSprint": versionName,
    "jTasks" : "array of info",
    "relDate": today,
    "cYear"  : yyyy
  };

1 个答案:

答案 0 :(得分:0)

我现在设法使每个href都是唯一的,我的Data结构已更改,因此每个"jK": issues[0].key + ": " + issues[0].summaryData的该部分也有一个伴随的链接,如下所示:

"jK": issues[0].key + ":  " + issues[0].summary, "jL":issues[0].link

因此,现在生成表时,键和摘要中嵌入的每个链接都将您带到另一个页面。