Angular материал сиденав и вставка расширения слева, почему? - PullRequest
Новая
       28

Angular материал сиденав и вставка расширения слева, почему?

0 голосов
/ 05 февраля 2020

Я пытаюсь сделать простейшие из складываемых навигационных панелей с левой стороны,
, но он не смещается влево и вместо этого дополняется
, поэтому он оказывается в середине страницы.

Нет CSS.
Количество отступов зависит от длины слова «Обзор». 

<mat-sidenav-container>
  <mat-sidenav mode="side" opened>
    <mat-sidenav-content>
      <mat-expansion-panel>

        <mat-expansion-panel-header>
          <mat-panel-title>
            Overview
          </mat-panel-title>
        </mat-expansion-panel-header>
      </mat-expansion-panel>

    </mat-sidenav-content>

  </mat-sidenav>

  <mat-sidenav-content>
      <router-outlet></router-outlet>
  </mat-sidenav-content>
</mat-sidenav-container>

1 Ответ

0 голосов
/ 05 февраля 2020

Для многих было <mat-sidenav-content>, а именно первое.

Правильный код должен быть: 

<mat-sidenav-container>
  <mat-sidenav mode="side" opened>
    <mat-expansion-panel>

      <mat-expansion-panel-header>
        <mat-panel-title>
          Overview
        </mat-panel-title>
      </mat-expansion-panel-header>

    </mat-expansion-panel>

  </mat-sidenav>

  <mat-sidenav-content>
      <router-outlet></router-outlet>
  </mat-sidenav-content>
</mat-sidenav-container>
...