2013-12-10 4 views
0

Пожалуйста, помогите с шаблонами.Родительские - детские шаблоны (dust.js)

для бывших у меня есть 3 шаблона:

<!-- comment --> 
<div>{message}</div> 

<!-- comment list --> 
<div class="comment-list">{+content}No comments{/content}</div> 

<!-- wrapper --> 
<div class="wrapper">{+content/}</div> 

Показать как:

-wrapper 
--comments-list 
---comment 

Стараюсь:

{<content} 
    {#comments} 
     {>comment/} 
    {/comments} 
{/content} 
{<content} 
    {>comment-list /} 
{/content} 
{>worklet/} 

Но это не работает. Что я делаю неправильно?

ответ

0

Я вижу несколько возможных проблем:

{! First definition of the inline partial "content" !} 
{<content} 
    {#comments} 
     {>comment/} 
    {/comments} 
{/content} 

{! Second definition inline partial "content" will over-write the first definition !} 
{<content} 
    {>comment-list /} 
{/content} 

{! You are including a partial called "worklet", but where is this partial 
    defined. In your example, you call it "wrapper" !} 
{>worklet/} 

Вот возможная альтернатива, которая может работать для ваших нужд:

{! wrapper template !} 
<div class="wrapper"> 
    {?comments} 
     <ul class="comment-list"> 
      {#comments} 
       {>comment/} 
      {/comment} 
     </ul> 
    {:else} 
     No comments. 
    {/comments} 
</div> 

и шаблон комментария:

{! comment template !} 
<li>{message}</li> 
+0

это Простой способ. , но при необходимости использовать контент в контенте для создания двух или более оберток? – user3071368

+0

Без какого-либо контекста того, чего вы пытаетесь достичь, я не знаю, как ответить на ваш вопрос. – smfoote

+0

теперь я понимаю { user3071368

Смежные вопросы