javascript - 如何将 html 元素列表作为参数传递到 Closure 模板中

标签 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}

最佳答案

如何打破一个帮助模板:

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

关于javascript - 如何将 html 元素列表作为参数传递到 Closure 模板中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48462663/

相关文章:

java - 在闭包模板中使用主布局模板

java - 如何查看 map 类型?

javascript - 如何跳出 while 循环和 if 语句?

javascript - 如何更改 a 元素的子元素的 CSS

html - 是否可以在这些翻转的圆圈之间放置箭头?

css - 带有滚动条的 div 中的表

bitbucket - 自定义 Bitbucket 合并检查 - 提交配置后动态字段呈现两次

javascript - 为什么 'atob' on 'Window' 编码问题在服务器上而不是本地(laravel valet)?

javascript - 不正确的闪存包

javascript - 单击一次按钮即可触发按钮