Question

我正在处理角度7和角度材料。我尝试在<mat-sidenav>中将position="end"设置为带有Mini图标变体我希望当我单击以打开侧面导航时，所有图标都保留在原位就像在“开始”位置发生的情况一样+我在希伯来语中的文字将在图标之后，例如在开始位置的英文文本。参见Demo end position

任何帮助都会受到祝福。

Answer 1

尝试一下，由于图标容器被推到右侧，所以添加了一些东西来更好地处理图标容器。

这是我进行的两项更改

.icon-container {
  margin: 0 5px;
}

<mat-list-item>
    <p  matLine *ngIf="isExpanded">בדיקה</p>
    <div class="icon-container">
      <mat-icon mat-list-icon>home</mat-icon>
    </div>
</mat-list-item>

https://stackblitz.com/edit/angular-b4gmby-ydh9sf

从终端位置通过Mini图标变体打开mat-sidenav

1 个答案: