Kendo UI - AngularJS：选定网格行的上下文菜单

Question

我正在使用Kendo UI和角度网格应用程序。我的网格定义为here。现在，我在我的html中添加了kendo-context-menu小部件，就像：

<div class="contextMenuStyle">
    <ul id="contextMenu" kendo-context-menu="contextMenu" ng-right-click="contextMenu" k-filter="'td'">
       <li name='details'>Details</li>
       <li name='edit'>Edit</li>
       <li name='remove'>Delete</li>
    </ul>
</div>

另外，我在控制器中添加了范围上下文菜单功能：

$scope.contextMenu = function (e) {
    var gridData = $scope.gridMaster;
    var selectedRowData = gridData.dataItem($('.k-grid').find("tr.k-state-selected"));
    var selectedId = selectedRowData.Id;
    if (selectedId) {
        if ($(e.item).attr("name") == "details") {
            $scope.tabStrip.select(1);
            alert(JSON.stringify(selectedRowData));
        }
        else if ($(e.item).attr("name") == "edit") {
            $scope.tabStrip.select(1);
            alert(JSON.stringify(selectedRowData));
        }
        else if ($(e.item).attr("name") == "remove") {
            if (confirm("Do you really want to delete this record?")) {
                gridData.removeRow($(e.target).closest("tr"));
            }
            return true;
        }
    }
}

这是我的代码，但不起作用。为选定的网格行实现上下文菜单的最佳方法是什么？任何帮助都非常有用。