Шаблон кендо MVVM Привязка данных внутри для цикла

Question

Моя модель данных похожа на ниже

var dataModel = [
    {
        id: 1,
        name: "Matrix Group A",
        dropTypes: "top-domain",
        topDomain: [
            {
                id: 1,
                name: "Domain D",
                dropTypes: "domain-level-1",
                dragType: "top-domain",
                domainLevel1: [
                    {
                        id: 1,
                        name: "Domain Level D1 - 1",
                        dropTypes: "domain-level-2",
                        dragType: "domain-level-1",
                        domainLevel2: [
                            {
                                id: 1,
                                name: "Domain Level D1.1 - 1",
                                dragType: "domain-level-2"
                            },
                            {
                                id: 2,
                                name: "Domain Level D1.1 - 2",
                                dragType: "domain-level-2"
                            }
                        ]
                    }
                ]
            },
            {
                id: 2,
                name: "Domain E",
                dropTypes: "domain-level-1",
                dragType: "top-domain",
                domainLevel1: [
                    {
                        id: 1,
                        name: "Domain Level E2 - 1",
                        dropTypes: "domain-level-2",
                        dragType: "domain-level-1",
                        domainLevel2: [
                            {
                                id: 1,
                                name: "Domain Level E2.1 - 1",
                                dragType: "domain-level-2"
                            },
                            {
                                id: 2,
                                name: "Domain Level E2.1 - 2",
                                dragType: "domain-level-2"
                            }
                        ]
                    }
                ]
            }
        ]
    }]

Я использовал шаблон кендо для рендеринга данных. Внутри шаблона я использовал для цикла и хочу визуализировать другой шаблон внутри цикла. Это код, который я реализовал внутри шаблона.

<script id="root-domain-template" type="text/x-kendo-template">
<div class="matrix-group-wrapper">
    <div class="matrix-domain-wrapper">
        <div data-droppable="true" data-drop-types="#:dropTypes#" draggable="true" data-drag-id="#:id#">#:name#</div>
        #for (var i = 0; i < topDomain.length;i++){#
        <div class="matrix-domain-level-1-wrapper">
            <div data-droppable="true" data-drop-types="#:topDomain[i].dropTypes#" data-draggable="true" draggable="true" data-drag-id="#:topDomain[i].id#" data-drag-type="#:topDomain[i].dragType#">#:topDomain[i].name#</div>
            <div class="matrix-domain-level-2-wrapper" data-template="top-domain-template" data-bind="source:topDomain[i].domainLevel1"></div>
        </div>
        #}#
    </div>
</div>

Это дает ошибку, как показано ниже.

Uncaught ReferenceError: я не определен

Эта ошибка появляется в нижней строке,

<div class="matrix-domain-level-2-wrapper" data-template="top-domain-template" data-bind="source:topDomain[i].domainLevel1"></div>

Здесь что-то не так? как я могу это сделать?