отображение элемента td только для первого элемента из списка

Question

Я показываю элементы массива внутри тега 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> 

Кнопка пропуска доступна для всех строк. Я хочу показать кнопку пропуска только для первой строки. Пожалуйста, дайте мне знать, где я ошибаюсь.

Answer 1

Вы можете проверить $ индекса в

<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

Answer 2

Видя природу состояния для отображения кнопки (она не изменится, если изменяется массив лиц), вы можете сделать шаг вперед и использовать ng-if вместо ng-show.