Javascript KendoUI模板无效

我正在创建一个KendoUI模板，如下所示：

            <ul class="nav nav-list flow-list">
                <li class="nav-header">Flows in action</li>
                <script id="flow-list" type="text/x-kendo-template">
                    #for (var i = 0; i < data.length; i++ {#
                        <li>#=data[i]#</li>
                    #}#
                </script>
            </ul>

运行上面的代码会显示一个错误，提示

“无效模板”

---

有指针吗？

您缺少循环的

的右括号

#for (var i = 0; i < data.length; i++ /* missing ) */ {#

#for（var i=0；i

这是一个有效的演示：
您缺少
循环的
的右括号

#for (var i = 0; i < data.length; i++ /* missing ) */ {#

#for（var i=0；i

这是一个工作演示：
此外，请记住，调用模板会生成HTML，但不会将其插入页面。您必须执行Atanas在工作演示中所做的操作
$（“.nav list”）。追加（模板（数据））
@Atanas&Emiliano-非常感谢您指出这一点。我需要更加敏锐。此外，请记住，调用模板可以生成HTML，但不能将其插入页面。您必须执行Atanas在工作演示中所做的操作
$（“.nav list”）。追加（模板（数据））
@Atanas&Emiliano-非常感谢你指出这一点。我需要更敏锐一些。。