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

【问题标题】：Delete remove functionality for last row in ng-grid?删除ng-grid中最后一行的删除功能？
【发布时间】：2014-04-25 03:55:57
【问题描述】：

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

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

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

任何帮助将不胜感激。谢谢！

【问题讨论】：

看看我的回答：stackoverflow.com/questions/22828722/…
糟糕，这与@Steve Greatrex 之前建议的几乎相同。对不起。
嗨@mainguy 感谢您的意见！我看了你的问题答案，我真的很喜欢你在最后一行实现“添加项目”的方式。有没有办法将以下答案与您的答案结合起来？例如在隐藏删除按钮的最后一行有“添加项目”实现吗？
没关系，我明白了！谢谢！

标签： javascript angularjs ng-grid

【解决方案1】：

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

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

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

【讨论】：

这很完美！感谢您的帮助！那么只有一个问题：如何在隐藏删除按钮的行中添加一个按钮？我想放弃添加我上面的行的实现，我只想放一个“添加”按钮来代替隐藏的删除按钮。有任何想法吗？谢谢！