如何移动垫扩展指示？

Question

是否可以移动垫子扩展指示器（Angular，Material Design）在标题之前设置它？

在材料文档https://material.angular.io/components/expansion/overview

上没有关于此的信息

谢谢：）

Answer 1

您始终可以覆盖默认样式。

.mat-expansion-panel-header {
  flex-direction: row-reverse;

  .mat-content {
    padding-left: 12px;
  }
}

Answer 2

您可以使用以下代码轻松完成此操作！

<mat-accordion>
        <mat-expansion-panel [togglePosition]="'before'">
          <mat-expansion-panel-header >
            <mat-panel-title>

            </mat-panel-title>

          </mat-expansion-panel-header>

        </mat-expansion-panel>
</mat-accordion>

只需添加 [togglePosition] =“'之前'”