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

Question

我正在使用angular 7和angular材质。我试图设置<mat-sidenav>与迷你图标变体在position="end"中，我想当我点击打开侧面导航时，所有的图标留在他们的地方，像什么发生在位置“开始”+我的希伯来语文本将在图标之后，像英语文本在开始位置。请参阅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