访问Handlebar.js模板中的根上下文

Question

是否有任何内置方法来访问Handlebars.js模板中的根上下文？ 大部分助手都添加了嵌套上下文，并且必须在该上下文中的变量之前写入../才能访问该变量，但如果每个助手都有很多每个变量，ifs等，那么该变量就不是很实用。

Answer 1

使用@root。这是在句柄-v2.0.0.js

{{@root.somthing.nested_somthing}} 

Answer 2

不是然而！

已经建议了几次，有一个开放式门票：https://github.com/wycats/handlebars.js/issues/392

他们的说法是，它不是必需的，但如果它是一种廉价的固定，没有明显的性能开销，我不明白为什么它不能被包括在内。

Answer 3

是的，我已经创建了一个看http://www.my2ndgeneration.com/TemplateLanguageDoc.aspx#xroot

基本上，添加这个帮手和宾果{{xRoot}}将带你到顶部...

我总是通过我的JSON数据到像车把这样的：

{ data: self.data } 

因此，以下将永远代码返回“数据”时，看到的xRoot标签，并带我到顶部

Handlebars.JavaScriptCompiler.prototype.nameLookup = function (parent, name, type) { 

    if (name.indexOf("xRoot") === 0) { 
     return "data"; 
    } 

    if (/^[0-9]+$/.test(name)) { 
     return parent + "[" + name + "]"; 
    } else if (Handlebars.JavaScriptCompiler.isValidJavaScriptVariableName(name)) { 
     return parent + "." + name; 
    } 
    else { 
     return parent + "['" + name + "']"; 
    } 
}; 

Answer 4

一旦您通过循环更改了上下文 （例如，），则无法访问模板的根上下文。每个）more info

但是有访问之前的环境与'../'

# app/assets/javascript/contents.coffee 
body = HandlebarsTemplates['my_hbs_template']({ 
    view:{ 
    registryName: 'foo', 
    data: {items: {x: 'x'}} 
    } 
    }) 

模板的可能性：

<!-- app/assets/javascript/templates/my_content.hbs --> 
<table class="table"> 
    <tbody> 

    {{#each view.data.items}} 
    <tr> 
     <td>{{@key}}</td> 
     <td> 
     Hello from {{../view.registryName}} 
     </td> 
    </tr> 
    {{/each}} 
    </tbody> 
</table> 

检查http://handlebarsjs.com/#paths更多信息