如何引用子網格Kendo-UI / AngularJS？

Question

我想引用我的子網格的對象，並在過濾器中使用新的ID刷新子網格。 當我引用Kendo-Grid的子網格時，會得到一個未定義的對象。

的HTML

<div kendo-grid="customerGrid" k-rebind="mainGridOptions" options="mainGridOptions" k-on-filter-menu-init="filterInit(kendoEvent)">
            <div k-detail-template>
                <div id="tabstrip" kendo-tab-strip="tabstrip">     
                    <ul>
                        <li class="k-state-active">СЧЕТА КЛИЕНТА</li>
                        <li ng-disabled="dis" ng-click="loadDetailAcc()">Полная информация по счету</li>
                        <li ng-disabled="dis" ng-click="loadDetailGrid()">Просмотр событий по счету</li>
                    </ul>
                    <div>
                        <div>
                            <div kendo-grid="detailGrid" k-options="detailGridOptios"></div>
                        </div>

JAVASCRIPT / ANGULARJS

  $scope.loadDetailGrid = function () {     
    console.log($scope.detailGrid);// undefined
    $scope.detailGrid.dataSource.read(); //error
};

             $scope.detailGridOptios = {
                dataSource: {
                    transport: {
                        read: '/api/HomeApi/GetAccountEvent',
                        dataType: "json"
                    },
                    pageSize: 3,
                    filter: { field: "UniqueAccontCode", operator: "eq", value: id }
                },
                autoBind: false,
                height: 180,
                pageable: true,
                columns: [
                {
                    field: "IDUser",
                    title: "Идентификатор пользователя",
                    width: "120px"
                },
                {
                    field: "UniqueAccontCode",
                    title: "Номер счета",
                    width: "120px"
                }, {
                    field: "LastActData",
                    title: "Дата последнего действия",
                    width: "120px"
                }, {
                    field: "Text",
                    title: "Текст",
                    width: "120px"
                }
                ]
            }; 

Answer 1

您只需要添加：$ scope.detailGrid =“ detailGrid”; 在您的Js文件中..我認為這可以解決問題