angular - 使用迷你图标变体从末端位置打开 mat-sidenav

Question

我正在使用 angular 7 和 angular 材料。我尝试<mat-sidenav>使用迷你图标变体进行设置，position="end" 我希望当我单击打开侧导航时，所有图标都保留在它们的位置，就像在“开始”位置发生的事情一样 + 我的希伯来语文本将在图标之后，如英文文本起始位置。见演示结束位置

任何帮助都会得到祝福。

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