侧向导航面板

Question

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

描述你想说什么

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

什么是正确的CSS？

Answer 1

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

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