车把js中的Html列表

时间:2014-01-08 07:27:00

标签: twitter-bootstrap-3 handlebars.js

我想使用handlebarjs列出名称。我需要将语言显示为下拉列表中的列表。

现在我得到的数据显示为段落而不是列表。

这是json文件..

"Data": [
    {
        "FirstName": "Sam",
        "MiddleName": "",
        "LastName": "Thomson",
        "Language": [
            "English",
            "French",
            "Spanish",
            "German",
            "Hindi"

        ]
    }

这是html文件..

<td><label rel="popover"  class="btn" data-title="Spl" data-content="{{Language}}"data-placement="bottom" >Language</label>
<div class="" id="spl">
<ul class=" nav"></ul>
</div>
</td>

1 个答案:

答案 0 :(得分:0)

您需要两个block helpers

  1. with“导航”对象的属性
  2. each迭代数组
  3. 我将如何做到这一点:

    {{with Data}}
      <ul>
      {{each Language}}
        <li>{{this}}</li>
      {{/each}}
      </ul>
    {{/with}}
    

    您需要执行{{this}},因为您的数组只包含字符串。