如何将html元素列表作为参数传递给Closure模板

时间:2018-01-26 13:51:18

标签: javascript html google-closure-templates

我的模板如下所示,我想使用html列表作为参数

{template .myTemplate}
    {@param title: string}
    {@param? listHtml: list<html>}
     <ul>
     {foreach $item in $listHtml}
       <li>
         <a>{$item}</a>
       </li>
     {/foreach}
    </ul>
{/template}

我的问题是,当我调用模板时,我不知道如何将html元素列表作为参数传递。

{call desktop.common.myTemplate }
     {param title: 'Contact us' /}
     {param listHtml kind="html" }
                          ????  
     {/param}
{/call}

1 个答案:

答案 0 :(得分:0)

如何分发帮助模板:

{template .myTemplate}
  {@param title: string}
  {@param? items: html}
  <ul>
    {$items}
  </ul>
{/template}

{template .myItemTemplate}
  {@param content: html}
  <li>
    <a>{$content}</a>
  </li>
{/template}

将迭代推送到调用者,我假设项目列表是静态的:

{call desktop.common.myTemplate }
  {param title: 'Contact us' /}
  {param items kind="html"}
    {call desktop.common.myItemTemplate}
      {param content kind="html"}foo{/param}
    {/call}
    {call desktop.common.myItemTemplate}
      {param content kind="html"}bar{/param}
    {/call}
  {/param}
{/call}