如何在角度6中为Mat卡设置默认侧边栏

Question

这是我用来显示json数据的标记

          <mat-card class="example-card" *ngFor="let filteredScreen of 
                    filteredScreens"  let i = index  [ylbHigh]="color">

              <mat-card-header>
                 <div mat-card-avatar class="example-header-image" >
                    <img mat-card-image class="list-img" src=" 
                       {{filteredScreen?.img}}" >
                 </div>
                <mat-card-content class="names" 
                     [innerHTML]="filteredScreen.name | highlight: name"  
                       [ylbHighlight]="color">{{ 
                 filteredScreen?.name }}
               </mat-card-content>
             </mat-card-header>
    </mat-card>

工作正常

我该如何为每个名称设置默认的侧边栏，我的意思是对于第一个名称，在单击该名称的下一个名称时，侧边栏应该是默认的。类似的东西

我所引用的所有示例都用于特定的div，但如何将其应用于显示json数据的席卡组件？我该如何实现？