如何使用Handlebarsjs创建一个链接,来自对象键的文本和链接href作为对象值..

时间:2013-06-21 12:13:37

标签: jquery templates handlebars.js

在我的对象中我有这样的数据:

naviObj = {"Home":"homelink","Service":"sericeLink","Contact":"contactLink"}

从这里,我应该从对象的密钥和链接href创建一个链接文本应该是每个密钥的值..我试过这种方式..

naviObj = {"Home":"homelink","Service":"sericeLink","Contact":"contactLink"}

var naviMaker = function(){
    var naviHtml = Handlebars.compile($("#navigation").html());
    $("nav ul").append(naviHtml(naviObj));
}

naviMaker();

我看的结果应该是:

<ul>
<li><a href="homelink">Home</a></li>
<li><a href="sericeLink">Service</a></li>
<li><a href="contactLink">Contact</a></li>
</ul>

我正在获取链接文本以及对象值​​..但我不知道链接文本的关键..

任何人都帮我解决这个问题吗?

这是jsfiddle

在谷歌搜索中,我在这里得到了答案:enter link description here,还有任何一个人对此表示赞赏。感谢。

1 个答案:

答案 0 :(得分:1)

这是Solution.JFIDDLE http://jsfiddle.net/ganeshprabhu1994/4qnaM/

<强> HTML

<ul></ul>

<强>脚本

      $(function()
  {
      naviObj = {"Home":"homelink","Service":"sericeLink","Contact":"contactLink"};
      for(property in naviObj)
      {

          $('ul').append("<li><a href='"+naviObj[property]+"'>"+property+"</a></li>");
      }
  });