小编Dea*_*dom的帖子

我有这个垫子选择，我想按字母顺序排序。

 <mat-select [(ngModel)]="item" name="item" (selectionChange)="changeIdentificationOptions($event)">
    <mat-option *ngFor="let item of itemss" [value]="item">
              {{ item.name ? item.name: item.identity}}
    </mat-option>
</mat-select>

显示的选项名称是有条件的。每个项目都有一个可选名称。如果它确实有名称，那么将使用它，否则将使用身份名称。

我在 SO 上看到建议制作一个自定义 orderBy 管道，类似于这个答案Angular Material - dropdown order items 按字母顺序排列

但这是使用单个键进行排序的。我在制作定制管道方面不太有经验。这对我的案例有何作用？

我有这个问题，我嵌套的 div 与它们的父级具有相同的类名，我希望样式略有不同。基本上我想做的是这些 div 嵌套得越深，它们的背景颜色不透明度就越低。所以我的代码看起来像这样

<div class="Folder-container"> //Yellow

  <div class="Folder-container">  //Yellow @ 0.5 opacity 

      <div class="folder">
          <div class="file">File</div>
      </div>

      <div class="folder">
          <div class="file">File</div>
      </div>

  </div>

  <div class="Folder-container"> //Yellow @ 0.5 opacity

      <div class="folder">
          <div class="file">File</div>
      </div>

      <div class="folder">
          <div class="file">File</div>
      </div>

  </div>
</div> 

我不能给它们唯一的名字，因为层次结构是动态生成的，我的一些函数依赖于这些具有相同类名的 div，以在它们的嵌套级别内实现相同的行为。那么我如何根据它们的级别来设计这些样式，例如

.Folder-container > Folder-container
{
   //set styling
} 

如果可能？