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

时间:2014-04-24 18:50:18

标签: javascript angularjs ng-grid

我的功能允许我的ng-grid删除行,当你单击删除按钮时,行将从ng-grid中删除。下面是我现在如何设置它的示例:

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

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

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

1 个答案:

答案 0 :(得分:2)

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

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

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

相关问题