AngularJS卡在ng if上

我有一个基于特定条件动态生成行的表。但是，我希望将行限制为最多5行。如果有超过5行，我想在表格底部显示一个链接，上面写着“更多文章”。如果有5行或更少，我不希望“更多文章”链接可见。我很确定我必须在这里使用ng，但不确定如何构造它。有什么建议吗

<table class="table table-sm table-responsive">
  <thead>
    <tr>
      <th class="wrap-header"><big class="big-text">My Benefits Articles</big></th>
    </tr>
  </thead>
  <tbody ng-repeat="item in data.list track by $index | limitTo: 5">
    <tr>
      <td><a ng-href="{{item.url}}"  target="_blank"> <img class = "icon" src="{{item.icon}}" height="30" width="30"> {{ item.short_desc }}</a></td>
    </tr>
  </tbody>
</table>

<div ng-if="/* What goes here? */">
  <a ng-href="/fedhc/?id=kb_category&kb_category={{item.parent}}" target="_blank">More Articles <i class="fa fa-caret-right"></i></a>
</div>

我的福利条款

---

您也可以使用ng show来显示符合特定标准的内容。 这比使用ng if显示内容更好

   <div ng-show="data.list.length > 5">
       <a ng-href="/fedhc/?id=kb_category&kb_category={{item.parent}}" target="_blank">More Articles <i class="fa fa-caret-right"></i></a>
    </div>

以下是这两方面的文档：

---

希望这有帮助

首先，我将使用一个变量来确定显示了多少帖子。这可以通过将

limito:5

更改为

limito:shownPosts

（记住声明它并在您的范围内设置为5）
然后，您需要检查您是否获得了比可见帖子更多的帖子。

---

旁注：您希望在每次单击按钮时将shownPosts变量增加5。

这只允许您单击按钮一次。不是吗？如果总共有10个以上的职位呢？这里我们的要求限制为5个

   <div ng-show="data.list.length > 5">
       <a ng-href="/fedhc/?id=kb_category&kb_category={{item.parent}}" target="_blank">More Articles <i class="fa fa-caret-right"></i></a>
    </div>