Как скрывает last-child в ng-repeat в AngularJs?

Question

Я использую ng-repeat в своем коде.

<span ng-repeat="provide in user.profiles">
  <span ng-switch on="provide.provider">
     <span ng-switch-when="google" class="color-google">GOOGLE</span>
     <span ng-switch-when="yahoo" class="color-tinet">YAHOO</span>
  </span>
  <span> - </span>
</span>

Как я могу скрыть последний дефис?Есть ли способ скрыть последний элемент в ng-repeat?

Answer 1

Используйте директиву ng-hide со специальным свойством $last:

<span ng-repeat="provide in user.profiles">
  <span ng-switch on="provide.provider">
     <span ng-switch-when="google" class="color-google">GOOGLE</span>
     <span ng-switch-when="yahoo" class="color-tinet">YAHOO</span>
  </span>
  <span ng-hide="$last"> - </span>
</span>

Для получения дополнительной информации см.

• Справочник по API AngularJS ng-hide.
• Справочник по API AngularJS ng-repeat - Специальные свойства

Answer 2

$ last показывает последний элемент в ng-repeat.

<span ng-repeat="provide in user.profiles">
  <span ng-switch on="provide.provider">
     <span ng-switch-when="google" class="color-google">GOOGLE</span>
     <span ng-switch-when="yahoo" class="color-tinet">YAHOO</span>
  </span>
  <span ng-if="!$last"> - </span>
</span>