Question

我对手把模板不熟悉，我希望我想做的事情是可以实现的。我想在以下把手模板的表格中的每个列出的文本元素上放置一个链接。该链接应显示包含所单击元素的新页面。我正在开展一个cordova项目。有什么想法吗？

<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>

这里是传递给上述模板的json数据

{“cinterets”：[{“cinterettxt”：“agriculture”，“cinteretid”：“5”}，{“cinterettxt”：“center interet 21”，“cinteretid”：“21”}，{“cinterettxt “：”center interet 22“，”cinteretid“：”22“}，{”cinterettxt“：”center interet 23“，”cinteretid“：”23“}，{”cinterettxt“：”center interet 24“，”cinteretid“ “：”24“}，{”cinterettxt“：”center interet 25“，”cinteretid“：”25“}，{”cinterettxt“：”center interet 26“，”cinteretid“：”26“}，{”cinterettxt “：”centre interet 27“，”cinteretid“：”27“}，{”cinterettxt“：”center interet 28“，”cinteretid“：”28“}，{”cinterettxt“：”center interet 29“，”cinteretid“ “：”29“}，{”cinterettxt“：”center interet 30“，”cinteretid“：”30“}，{”cinterettxt“：”center interet 31“，”cinteretid“：”31“}，{”cinterettxt “：”center interet 32“，”cinteretid“：”32“}，{”cinterettxt“：”center interet 33“，”cinteretid“：”33“}，{”cinterettxt“：”center interet 34“，”cinteretid“ “：”34“}，{”cinterettxt“：”center interet 35“，”cinteretid“：”35“}，{”cinterettxt“：”center interet 36“，”cinteretid“：”36“}，{”cinterettxt “：”center interet 37“，”cinteretid“：”37“}，{”cinterettxt“：”ce ntre interet 38“，”cinteretid“：”38“}，{”cinterettxt“：”center interet 39“，”cinteretid“：”39“}，{”cinterettxt“：”center interet 40“，”cinteretid“：” 40“}，{”cinterettxt“：”center interet 41“，”cinteretid“：”41“}，{”cinterettxt“：”center interet 42“，”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“：” centre interet 48“，”cinteretid“：”48“}，{”cinterettxt“：”evenementiel“，”cinteretid“：”6“}，{”cinterettxt“：”immobilier“，”cinteretid“：”1“}， { “cinterettxt”： “位置”， “cinteretid”： “2”}，{ “cinterettxt”： “体育”， “cinteretid”： “4”}，{ “cinterettxt”： “VENTES”， “cinteretid”：” 3 “}]，” mesci “：[{” cinterettxt “：” evenementiel”， “cinteretid”： “6”}]}

Answer 1

您将如何编写链接元素取决于您。你应该如何迭代你的＆＃34; cinterets＆＃34; Handlebars模板中的数据如下：

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

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

1 个答案: