angular-ui-grid - 仅在新添加行的列中显示按钮

Question

我有一个 ui-Grid，其中有 5 列。提供了添加新行的选项。最后一列是删除行的图标。但我需要仅为新添加的行启用删除按钮，而不是为先前存在的行启用。就像我点击添加行一样，那么应该启用该行的删除按钮，对于其他人应该禁用它。关于如何实现它的任何想法？

Answer 1

您应该向行实体添加一个字段，假设并通过在自定义模板中new添加标签来使用它来驱动按钮的状态。ng-disabled

在您的控制器中：

gridOptions.data = myData

[...]

var newRecord = {
  [...]
  new: true
};
myData.push(newRecord);

在您的模板中：

<a class="btn btn-default" ng-disabled="!row.entity.new">Delete</a>