Angularjs 如何使用Kendo Mobile UI数据源获取ng重复功能

我工作的应用程序具有不同级别的数据。使用AngularJS ng repeat，我可以指向不同级别的数据，也可以遍历每个数据并绑定到视图。这有点像（这里我使用了Kendo移动用户界面，也使用了AngularJS）

根据Telerik文档“ng repeat”不应作为CSS样式使用，而使用剑道小部件则是一种折腾，而且更新模型也会带来问题。为了防止出现这种情况，应使用剑道数据源从JSON字符串或文件中获取数据

在上面的链接中，我尝试了与Kendo DataSource相同的应用程序，但我只能从JSON字符串中获取第一级数据。对于第二层和第三层，如果我指定数组位置，我只会在视图中获得类似于此链接的数据

所以我的问题是，如何处理这类JSON数据的多个级别

 [
    {
        "continentName": "Asia",
        "countries": [
            {
                "countryName": "India",
                "states": [
                  {
                    "stateName": "Sikkim"
                  },
                  {
                    "stateName": "Karnataka"
                  },
                  {
                    "stateName": "Kerla"
                  },
                ],
            },
            {
                "countryName": "China",
                "states": [
                  {
                    "stateName": "Jiangsu Province"
                  },
                  {
                    "stateName": "Heilongjiang Province"
                  },
                  {
                    "stateName": "Fujian Province"
                  },
                ],
            },
          ],
    },
        {
        "continentName": "Europe",
        "countries": [
            {
                "countryName": "Germany",
                "states": [
                  {
                    "stateName": "Berlin"
                  },
                  {
                    "stateName": "Hesse"
                  },
                  {
                    "stateName": "Rhineland-Palatinate"
                  },
                ],
            },
            {
                "countryName": "Denmark",
                "states": [
                  {
                    "stateName": "Hovedstaden"
                  },
                  {
                    "stateName": "Midtjylland"
                  },
                  {
                    "stateName": "Nordjylland"
                  },
                ],
            },
          ],
    },       

]

使用Kendo数据源获取数据

angular.module("app", ["kendo.directives"]).controller("MyCtrl", function ($scope) {
$scope.source = new kendo.data.DataSource({
    data: json,
    pageSize: 10
});
});

在“视图”部分中，显示的是html文件

<div ng-app="app" ng-controller="MyCtrl">
        <div kendo-list-view k-data-source="source">
            <div k-template>

                <ul class="ulClass">
                    <h3>{{dataItem.continentName}}</h3>
                    <li>
                        {{dataItem.countries[0].countryName}}
                        <ul>
                            <li>{{dataItem.countries[0].states[0].stateName}}</li>
                        </ul>
                    </li>
                </ul>

            </div>
        </div>
    </div>

{{dataItem.name}

{{dataItem.countries[0].countryName}

{{dataItem.countries[0]。states[0]。stateName}

因此，问题是如何处理多级JSON数据并使用Kendo数据源绑定到视图或模板？