如何在Handlebars模板的元素上添加超文本链接？

我是手柄模板的新手，我希望我所做的是可以实现的。我想在下面的句柄模板的表格中的每个列出的文本元素上放置一个链接。该链接应显示包含点击元素的新页面。我正在开展一项科尔多瓦项目。任何想法？如何在Handlebars模板的元素上添加超文本链接？

<script id="myinterests-tpl" type="text/template"> 
    <header class="bar bar-nav"> 
    <button class="btn pull-right btn-primary" id="menumescibtn"> 
     menu 
    </button> 
    <h1 class="title"><font color="#FFFFFF">My interests</font></h1> 
    </header> 
    <div class="bar bar-standard bar-header-secondary"> 
     <font color="#FF0000"><div id="errcon"></div></font> 
     <font color="#FF0000"><div id="errchoix"></div></font> 
     <table> 
     {{#cinterets}} 
     <tr><td><input type="checkbox" id="ci{{cinteretid}}" value="{{cinteretid}}"> 
     {{cinterettxt}} 
     <!-- I want to put a link on each of the above text which should show another page containing cinterettxt only--> 
     </td></tr><tr><td></td></tr><tr><td></td></tr> 
     {{/cinterets}} 
     </table> 
    </div> 
    <div class="bar bar-standard bar-footer"> 
     <button class="btn btn-positive btn-block" id="validcibtn">VALIDATE</button> 
    </div> 
</script>

这里是传递于上述模板

{ “cinterets” JSON数据：[{ “cinterettxt”： “农业”， “cinteretid”： “5”}，{ “cinterettxt”：“center interet21”，“cinteretid”：“21”}，{“cinterettxt”：“centerinteret22”，“cinteretid”：“22”}，{“cinterettxt”：“centerinterret23” “cinteretid”：“23”}，{“cinterettxt”：“center interet 24”，“cinteretid”：“24”}，{“cinterettxt”：“center interet 25”，“cinteretid”：“25”}， “cinterettxt”：“center interet 26”，“cinteretid”：“26”}，{“cinterettxt”：“center interet 27”，“cinteretid”：“27”}，{“cinterettxt”：“centerinterret 28” “cinteretid”：“28”}，{“cinterettxt”：“中间内线29”，“cinteretid”：“29”} ，“cinterettxt”：“中间内线30”，“cinteretid”：“30”}，{“cinterettxt”：“中间内线31”，“cinteretid”：“31”}，{“cinterettxt”：“ “，”cinteretid“：”32“}，{”cinterettxt“：”center interet 33“，”cinteretid“：”33“}，{”cinterettxt“：”center interet 34“，”cinteretid“：”34“} ，“cinterettxt”：“中间星座35”，“cinteretid”：“35”}，{“cinterettxt”：“中间星座36”，“cinteretid”：“36”}，{“cinterettxt”：“ “，”cinteretid“：”37“}，{”cinterettxt“：”center interet 38“，”cinteretid“：”38“}，{”cinterettxt“：”center interet 39“，”cinteretid“：”39“} ，“cinterettxt”：“中间interet40”，“cinteretid”：“40”}，{“cinterettxt”：“中间interet41”，“cinteretid”：“41”}，{“cinterettxt”：“ “，”cinteretid“：”42“}，{”cinterettxt“：”center interet 43“，”cinteretid“：”43“}，{”cinterettxt“：”center interet 44“，”cinteretid“：”44“} ，“cinterettxt”：“center interet 45”，“cinteretid”：“45”}，{“cinterettxt”：“center interet 46”，“cinteretid”：“46”}，{“cinterettxt”：“center interet 47 “，”cinteretid“：”47“}，{”cinterettxt“：”center inte ret 48“，”cinteretid“：”48“}，{”cinterettxt“：”evenementiel“，”cinteretid“：”6“}，{”cinterettxt“：”immobilier“，”cinteretid“ “cinterettxt”： “位置”， “cinteretid”： “2”}，{ “cinterettxt”： “体育”， “cinteretid”： “4”}，{ “cinterettxt”： “VENTES”， “cinteretid”：“3 “}]，”mesci“：[{”cinterettxt“：”evenementiel“，”cinteretid“：”6“}]}

来源

2015-10-17 Paul Ngom

你传递给你的编译模板方法的数据是什么？ – 76484

请参阅编辑 –

如何编写链接元素取决于您。你应该在你的Handlebars模板中迭代你的“cinterets”数据的方式如下：

{{#each cinterets}} 
    <tr> 
     <td> 
      <input type="checkbox" id="ci{{cinteretid}}" value="{{cinteretid}}" /> 
      {{cinterettxt}} 
     </td> 
    </tr> 
{{/each}}

来源

2015-10-18 08:31:44 76484

我已经这样做了 –

@PaulNgom：那么问题是什么呢？ – 76484

我想要有一个像 {{cinterettxt}}这样的链接，它会带我进入一个包含{{cinterettxt}}的新屏幕。我在一个科尔多瓦项目。我试图把这样的链接，但我不知道在哪里把newpage。它会成为一个模板或一个HTML页面。如果是后者，我会在哪里保存它？ –

如何在Handlebars模板的元素上添加超文本链接？

回答

相关问题