Css 隐藏和显示'；ng重复'；使用上下文菜单的表行

我正在创建一个表，将行动态添加到表中。我想通过提供上下文菜单来隐藏所选行

我创建了html和模型来显示上下文菜单，但我不知道如何调用双击。我可以用它创建上下文菜单，但现在可以将选定的行索引传递到函数中，以便使用该索引显示或隐藏

表行中的数据是2类型的，若我从后端获取数据，那个么我将在行中显示该数据，但数据不存在，那个么我将在表行的单元格中添加输入元素。所以我想创建两个不同的上下文菜单来处理两个不同的行，一个是来自数据库的数据，另一个是输入文本框

我想在背景颜色为灰色的行上添加上下文菜单，该行具有隐藏选项，而背景行上的上下文菜单将该行添加到其他页面

HTML

屏幕显示

---

上下文菜单指令：

app.directive("contextMenu", function() {
    return {
        link: postLink
    };
    function postLink(scope, elem, attrs) {
        elem.on("contextmenu", function (e) {
            scope.$apply(function() {
                var locals = {$event: e, $scope: scope, $element: elem}; 
                scope.$eval(attr.contextMenu, locals);
            });
        });
    }
})

用法：

<tr context-menu="onContext($event, $index)" ng-repeat="...

有关详细信息，请参阅

---

如果数据不是来自后端，您可以在jes.ListPointCle中使用选定索引创建新对象

$scope.setRowSelected = function(id,index){
    alert('id = '+id);
    alert('index = '+index);
    alert('rowId = '+id+'-'+index);
    $scope.selectedRow = index;
}

app.directive("contextMenu", function() {
    return {
        link: postLink
    };
    function postLink(scope, elem, attrs) {
        elem.on("contextmenu", function (e) {
            scope.$apply(function() {
                var locals = {$event: e, $scope: scope, $element: elem}; 
                scope.$eval(attr.contextMenu, locals);
            });
        });
    }
})

<tr context-menu="onContext($event, $index)" ng-repeat="...

$scope.onContext = function(ev, index) {
    ev.preventDefault();
    console.log(index);
    //...
};