Handlebars模板在雙步下拉菜單中沒有得到正確的結果

Question

我正在使用Handlebars.js模板來製作主要和次級鏈接，我正在獲取鏈接的主要步驟，但子鏈接沒有得到，仍然得到在沒有正確的文字和鏈接信息的情況下，第一個鏈接上的雙步鏈接正確

我的模板：

<script id="navi-template" type="text/x-handlebars-template"> 
     {{#each links}} 
       {{#if subLinks}} 
        <li> 
         <a href="{{link}}">{{label}}</a> 
         <ul> 
          {{#each subLinks}} 
           <a href="{{link}}">{{label}}</a> 
          {{/each}} 
         </ul> 
        </li> 
       {{else}} 
        <li><a href="{{link}}">{{label}}</a></li> 
       {{/if}} 
     {{/each}} 
    </script> 

我更新了我的數據和jQuery我正在使用jsfiffle什麼：click to visit fiddle

在此先感謝..

Answer 1

我相信{{#each}}建設需要你使用{{this}}

     {{#each subLinks}} 
          <a href="{{link}}">{{this}}</a> 
         {{/each}} 

把它想象成（或任何其他計數器）在for週期中被使用。 如果您遍歷對象，你可以做的東西一樣

    {{#each object}} 
         {{this.name}} : {{this.content}} 
        {{/each}} 

雖然你的對象是

var Example = { 
name: "Object", 
content: "example" 
}