Angular 中的侧导航面板

Question

我正在尝试添加一个按钮（打开侧面板），但由于某种原因，它显示在页面的左上角。 我希望它出现在中间（右侧），因此当用户单击它时，面板会显示。 我还希望在侧面板打开时放大页面上的当前内容，以便用户能够同时看到面板和当前内容。

你想谈什么的描述

  <div>
    <button mat-button (click)="left.open()">Field Definitions</button>
  </div>

正确的 CSS 是什么？

Answer 1

我相信您正在寻找这个，这是 Angular 材料文档中提供的示例。

position sidenav 切换按钮有几种方法，您可以使用CSS Flexbox或添加float: right属性到按钮。 我会选择第一种方法并结合使用mat-toolbar 。