jquery模板,从子模板访问父变量

Question

我似乎无法从子模板中获取父变量,有谁知道如何？

当前代码:

 <li class="ui-parent-field" >
            <b>${ Name }</b> 
            {{if Options ===null}}
            | <span data-field-name="${ Name }" data-field-type="${ Type }"></span> 
            {{/if}}
            <br/> 
            ${ Description }
            {{if Options !==null}}
            <div style="clear:both;">
            <ul class="ui-child-list">
                {{each Options}}
                    <li class="ui-child-field">
                        ${ Name } : ${ Value } | 
                    <span data-field-type="${ Type }" data-field-name="${ Name }"></span>
//NOTE should be:
<span data-field-type="${ Parent.Type }" data-field-name="${ Parent.Name }"></span>                    </li>
                {{/each}}
            </ul>
            </div>
           {{/if}}        
        </li>

这是一个非常粗略的例子,但我基本上使用jquery模板将一些信息扔进视图中,我有一个包含Name + Type的父span项,然后我抛出了这个对象的子元素,如果它们存在,我想要从每个循环内的父级访问Type属性.

Answer 1

您可以使用$ data访问整个模板绑定的对象.所以,你会使用类似的东西:

<span data-field-type="${ $data.Type }" data-field-name="${ $data.Name }"></span>