如何弹出窗口以使用 ng-grid 和 Angular js 编辑行

【问题标题】：how to popup window for editing row with ng-grid and angular js如何弹出窗口以使用 ng-grid 和 Angular js 编辑行
【发布时间】：2013-08-26 20:42:46
【问题描述】：

我刚刚开始阅读有关 angular-js 的内容。学习起来真的很酷。我还浏览了http://angular-ui.github.io/ng-grid/。 ng-grid 看起来不错且易于使用，但是我不确定在为给定行单击编辑按钮时如何弹出模式窗口？然后，当单击“保存”按钮时，内容会在网格上更新/刷新，并突出显示该行。

类似于http://www.jtable.org/。我不想一起修复 jtable 和 angular js。

有人帮忙吗？

感谢和问候锡

【问题讨论】：

标签： javascript angularjs ng-grid

【解决方案1】：

您可以通过添加列模板来做到这一点

这是一个有效的fiddle

我有隐藏和显示一个 div，通过给它一个 id 你可以让它弹出 Jquery 的外观

 $scope.gridOptions = {
    data: 'myData',
    enablePaging: true,
    columnDefs: [{field: 'id', displayName: 'ID', enableCellEdit: false,  colFilterText: ''},
                 {field:'name', displayName:'Name', enableCellEdit: true, colFilterText: '' },
                 {field:'edit', displayName:'Edit', enableCellEdit: true, cellTemplate: editContactCellTemplate, colFilterText: ''}]

【讨论】：

谢谢维诺德。差不多了，我想我们可以用 ng-modal 或类似的东西代替 jquery。
我得到一个 js-Error 说没有找到 ui，在 ie11 和 chrome 36 上测试过。