javascript - 删除 ng-grid 中最后一行的删除功能？

Question

我有一个功能，允许我的 ng-grid 删除行，当您单击删除按钮时，该行将从 ng-grid 中删除。下面是我现在如何设置的示例:

http://plnkr.co/edit/NL7sMGT6acdUHAAZPNba?p=preview

我想要它，以便删除按钮在最后一行消失。例如，在上面的示例中，除了 Enos 条目之外的所有条目都没有删除按钮。另外，如果我在 Enos 下创建了一个新行，那么 Enos 就会有一个 remove 按钮和 Enos 下的新行> 没有删除功能。我有添加/删除行的功能，但我只是想让删除按钮在最后一行消失。我该怎么做？

如有任何帮助，我们将不胜感激。谢谢!

Answer 1

您可以使用ng-hide当行索引是集合中的最后一个时隐藏按钮的指令:

<input type="button" 
  value="remove" 
  ng-click="removeRow()" 
  ng-hide="row.rowIndex == $parent.myData.length-1" />

这使用 $parent 属性访问父范围上的原始列表以获取计数。