javascript - AngularJS - 在第一个可见元素上应用 CSS 类(最好不要使用 JQuery)

Question

我有一个水平的文件夹列表。
我想在文件夹之间留一个边距(用于间距)，但我不希望它应用于第一个元素(因此屏幕上没有空间)。
问题是“first-child”也适用于hidden 元素。
我如何在不使用 jQuery 的情况下对列表中的第一个可见项应用类？

<ul id="myList">
  <li ng-repeat="folder in viewmodel.folders" id="folder" class="folder"
      ng-show="folder.role == '13' || folder.role == '14'" ng-click="bringChildren(folder)" loading-directive>
    <div class="block"></div>
    <div class="folderIcon {{ folder.nameKey }}"></div>
    <div class="folderName">{{ folder.displayName }}</div>
    <div class="itemsCounter"></div>
  </li>
</ul>

Answer 1

使用ngIf而不是 ngShow，因为 ngIf 实际上是根据指定条件从 DOM 添加/删除元素。那么您的第一个 child CSS 选择器将正常工作。