jquery şablonları, alt şablondan erişilebilen alt öğelere erişme

Question

Çocuk şablonundan farklı olan üst öğeyi tuttum gibi görünmüyor, kimse nasıl olduğunu biliyor mu?

Güncel kodu:

<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> 

Bu çok kaba bir örnek ama temelde jquery şablonları kullanarak görünüm içine biraz bilgi dışarı atma ediyorum, o zaman ben, İsim + Type içeren bir ebeveyn yayılma öğesi var Varsa, bu nesnenin alt öğelerini dışarı atarsak, her döngünün içindeki üst öğeden Type özelliğine erişmek istiyorum.

Answer 1

Tüm şablonun $ data kullanarak bağlı olduğu nesneye erişebilirsiniz. Yani, böyle bir şey kullanırsınız:

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