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

$ 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>

Answer 2

将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>

有关更多信息，请参见

如何隐藏AngularJs中ng-repeat中的最后一个孩子？

2 个答案: