仅显示列表中第一个元素的td元素

时间:2015-11-03 10:10:09

标签: angularjs angularjs-ng-repeat

我在body标签内显示数组元素,并且只想显示列表中第一个元素的按钮。我使用以下代码。

<tbody>
  <tr ng-repeat="person in persons" >
    <td>{{person.name}}</td>
    <td>{{person.age}}</td>
    <td>{{person.}}</td>
    <td ng-show='{in:$first}'>
      <button ng-click="skipActivity()" type="submit" class="btn btn-md btn-warning pad-btn">Skip</button>
    </td>
  </tr>
</tbody>

所有行都可以看到跳过按钮。我想只为第一行显示跳过按钮。请告诉我哪里出错了。

2 个答案:

答案 0 :(得分:1)

您可以查看$ index 如

<td ng-show='0 == $index'>
  <button ng-click="skipActivity()" type="submit" class="btn btn-md btn-warning pad-btn">Skip</button>
</td>
希望这对你有所帮助 演示 http://dojo.telerik.com/OkALe

答案 1 :(得分:0)

查看条件的性质以显示按钮(除非更改人员阵列,否则不会更改)您可以前进一步并使用 ng-if 而不是 ng -show