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 。