使用 Mini 图标变体从结束位置打开 mat-sidenav

Question

我正在与 angular 7 和 angular material 合作。我尝试在 position="end" 中设置带有迷你图标变体的 <mat-sidenav> 我希望当我点击打开侧边导航时，所有图标都保留在它们的位置就像位置 "start" 发生的事情 + 我的希伯来文文本将在开始位置的图标之后，如英文文本。见 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

Open mat-sidenav from end position with Mini icon variant

angular-material

angular

mat-sidenav