如何向Closure模板传递HTML元素列表作为参数

解决方法：传递HTML元素列表到模板参数 #

看起来你在使用支持类型化参数的模板引擎（类似Smarty或自定义模板语法），要传递list<html>类型的listHtml参数，其实可以通过数组字面量或者模板变量两种方式来实现，下面是具体的例子和注意事项：

1. 直接硬编码HTML列表项

如果你的链接是固定的，可以直接在{param}块里用数组字面量定义每个HTML元素：

{call desktop.common.myTemplate }
    {param title: 'Contact us' /}
    {param listHtml kind="html"}
        [
            '<a href="mailto:support@example.com">Email Our Support Team</a>',
            '<a href="tel:+1-800-123-4567">Call Us: +1-800-123-4567</a>',
            '<a href="/contact-form">Fill Out Our Contact Form</a>'
        ]
    {/param}
{/call}

这里的关键点：

• 用[]包裹所有HTML项，形成一个列表结构
• 每个项是字符串形式的完整HTML代码，kind="html"会告诉模板引擎不要转义这些内容，直接渲染成真实的HTML元素

2. 传递已有的模板变量列表

如果你的HTML列表已经存储在一个模板变量（比如$predefinedContactLinks）中，这个变量本身就是包含HTML字符串的列表，那么可以直接通过value属性传递：

{* 假设$predefinedContactLinks是提前定义好的数组：*}
{assign var="predefinedContactLinks" value=[
    '<a href="/faq">FAQ Page</a>',
    '<a href="/live-chat">Start Live Chat</a>'
]}

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

重要注意事项：避免HTML嵌套错误

看你的模板代码里，循环部分写的是：

<li>
    <a>{$item}</a>
</li>

如果$item本身已经是一个完整的<a>标签（比如我们上面传递的内容），最终渲染后会出现嵌套的<a>标签：

<li>
    <a><a href="mailto:...">Email Support</a></a>
</li>

这不符合HTML规范，会导致样式或交互问题。建议把模板里的循环代码修改为：

<li>{$item}</li>

这样就能直接把完整的HTML链接渲染到列表项里了。

内容的提问来源于stack exchange，提问作者Donovant