Javascript 如何在ng网格中创建菜单

我们在如何在ng网格中创建菜单方面确实遇到了问题。 类似于share point中的欧洲央行区块

因此，将有一个按钮，当点击时，将显示该特定行的选项

---

我们可能找错了地方，但在互联网上找不到任何帮助或例子

您可以潜在地将每个CellTemplate设置为具有自己的ng if/ng show块，该块基于您的

行实体

对象上的变量隐藏/显示。然后，当您的函数激发选择行时，您可以设置该变量（

$scope.which

）以隐藏/显示所需内容。现在在我的手机上，但我稍后会尝试制作一个plnkr/jsfiddle。

正如我几天前告诉你的，你应该使用row和celltemplates来实现类似的功能

以下是更改后的代码，以更好地匹配问题的当前状态：

    $scope.gridOptions = {
    data: 'myData',
    rowTemplate: '<div   ng-style="{\'cursor\': row.cursor, \'z-index\': col.zIndex() }" ' +
      'ng-repeat="col in renderedColumns" ng-class="col.colIndex()" ' +
      'class="ngCell {{col.cellClass}}" ng-cell></div>' +
      '<div ng-show="showmenu" class="hmenu">' +
      '<ul>' +
      '<li><button ng-click="viewme(row.entity.name)">View</button></li>' +
      '<li><button ng-click="editme(row.entity.name)">Edit</button></li>' +
      '</ul>' +
      '</div>',
    columnDefs: [{
      field: 'name',
      displayName: 'Name'
    }, {
      field: 'age',
      displayName: 'Age',
      cellTemplate: '<div class="ngCellText">{{row.getProperty(col.field)}}' +
        '<span  ng-click="$parent.showmenu=!$parent.showmenu"><button>click me</button></span>' +
        '</div>'
    }]
    };

$scope.gridOptions={
数据：“myData”，
行模板：“”+
'' +
“
”+
“
查看
”+
“
编辑
”+
“
”+
'',
columnDefs：[{
字段：“名称”，
displayName:'名称'
}, {
字段：“年龄”，
displayName:“年龄”，
cellTemplate:“{row.getProperty（col.field）}”+
“点击我”+
''
}]
};

诚然，这并不美丽，但它向你展示了如何继续下去。在style.css和行模板中进行样式设置。这是我周末笔记本电脑能做的最好的了

---

谢谢。很高兴看到你的样品。我们已经为此挣扎了几天了