javascript - KendoUI 模板无效

Question

我正在创建这样的 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>

下面是我传递数据的方式:

//Get the external template definition using a jQuery selector
var template = kendo.template($("#flow-list").html());

//Create some dummy data
var data = ["Todd", "Steve", "Burke"];

//Execute the template
template(data);

运行上面的代码显示了一个错误提示 "Invalid template"

有什么建议吗？

Answer 1

您缺少 for 循环的右括号。

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

这是一个工作演示:http://jsbin.com/ihivez/1/edit