我有一个有角度的材质表,该表使用detailRow指令将明细/同级相邻行插入到表行中。
我想给它一个外观,好像该行正在扩展或折叠一样,因此我向其中添加了几个图标,这些图标可以在包含它们的单元格单击时切换。
<mat-header-cell *matHeaderCellDef> Action </mat-header-cell>
<mat-cell *matCellDef="let element">
<button mat-icon-button color="primary" (click)="element[i] = !element[i]">
<mat-icon id="expand_more" #expand_more *ngIf="!element[i] " >expand_more</mat-icon>
<mat-icon id="expand_less" #expand_less *ngIf="element[i] ">expand_less</mat-icon>
</button>
</mat-cell>
Run Code Online (Sandbox Code Playgroud)
但是,如果我将行扩展并进行分页或进行某种排序,则图标不会切换,因为无法切换它们。
我试过挂入page事件或sortChange事件,但空了。
我知道,有一种新方法可以在角形材质v7中进行扩展/折叠,这可能与分页和排序效果很好,但是在升级之前还需要一段时间,与此同时,对于解决该问题,任何人都没有任何想法。
typescript angular-material2 angular angular-material-6 angular-material-table