删除删除ng网格中最后一行的功能

Delete remove functionality for last row in ng-grid?

本文关键字:删除 一行 功能 ng 网格 最后      更新时间:2023-09-26

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

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

我想得到它,这样删除按钮就消失在最后一行。例如,在上面的示例中,除了Enos条目之外的所有条目都没有删除按钮。此外,如果我在Enos下创建了一个新行,那么Enos将有一个remove按钮,而Enos下的新行将没有删除功能。我有添加/删除行的功能,但我只想让删除按钮在最后一行消失。我该怎么做?

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

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

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

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