在角度模板中使用时,K-detail-template指令不起作用

时间:2017-01-19 15:53:20

标签: angularjs kendo-ui kendo-grid kendo-ui-grid angular-kendo

我正在尝试使用Angular模板创建嵌套的KendoGrid但是出于一些奇怪的原因,在Angular模板中使用时没有创建Child Grid

    <script type="text/ng-template" id="my-tmpl">
        <div k-detail-template>
            <kendo-grid options="childOption"></kendo-grid>
        </div>
    </script>
    <kendo-grid options="mainGridOptions">
        <span ng-include="'my-tmpl'"></span>
    </kendo-grid>

以下是相同http://embed.plnkr.co/fLwZrSaNZwLn0RRYanOU/

的plunker

1 个答案:

答案 0 :(得分:0)

如果您只在模板中包含SUB GRID并将k-detail-template指令保留在主HTML中,我相信您可以使它工作:

<div id="example" ng-app="KendoDemos">
    <div ng-controller="MyCtrl">
        <script type="text/ng-template" id="my-tmpl">
            <kendo-grid options="childOption"></kendo-grid>
        </script>
        <kendo-grid options="mainGridOptions">
            <div k-detail-template>
                <span ng-include="'my-tmpl'"></span>
            </div>
        </kendo-grid>
      </div>
</div>

我尝试了你的plunker并且它有效。

希望它有所帮助(尽管有点迟)