Recursive HTL template language

[RobertBailey201]

Hi All,

Is there any way I can convert the code below to be recursive?

Thanks for your help,

Best regards,

Robert

____

<ul data-sly-list.menuNavItem="${menuNavBean.navigation}">
    <li>${menuNavItem.title}
        <ul data-sly-list.menuNavItemB="${menuNavItem.children}">
            <li>${menuNavItemB.title}
                <ul data-sly-list.menuNavItemC="${menuNavItemB.children}">
                    <li>${menuNavItemC.title}
                        <ul data-sly-list.menuNavItemD="${menuNavItemC.children}">
                            <li>${menuNavItemD.title}
                                <ul data-sly-list.menuNavItemE="${menuNavItemD.children}">
                                    <li>${menuNavItemE.title}
                                        <ul data-sly-list.menuNavItemF="${menuNavItemE.children}">
                                            <li>${menuNavItemF.title}
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

[RobertBailey201 · Accepted solution]

Resolved.  Thanks.

____

<template data-sly-template.SUBMENU="${ @ menuNavItem}">

    <li>${menuNavItem.title}

        <ul data-sly-list.menuNavItemB="${menuNavItem.children}">

            <div data-sly-call="${SUBMENU @ menuNavItem=menuNavItemB}"></div>

        </ul>

    </li>

</template>

<ul data-sly-list.menuNavItem="${menuNavBean.navigation}">

    <li>${menuNavItem.title}

        <ul data-sly-list.menuNavItemB="${menuNavItem.children}">

            <div data-sly-call="${SUBMENU @ menuNavItem=menuNavItemB}"></div>

        </ul>

    </li>

</ul>