如何使用Angular Material使mat-sidenav内容占高度的100％

Question

如何使用Angular Material获取mat-sidenav内容以获取100％的高度

所以我有一个侧面导航，似乎无法让它占据高度的100％。 正如您在图像中看到的那样，它被切断了。 使用最新的Angular 8和最新的Material。

您可以在此处查看主要组件css： https://github.com/born2net/studiopro-web/blob/master/src/app/layouts/main/main.component.scss

如果我强制通过

<div fxLayout="row" class="container" style="background-color: darkslategray; min-height: 2000px">

它可以工作，但是我当然不想将高度设置为2000px 以及它的外观：

塞恩

Answer 1

这解决了这个问题：

import { Component } from "@angular/core";

@Component({
  selector: "app-root",
  templateUrl: "./app.component.html",
  styleUrls: ["./app.component.css"]
})
export class AppComponent {
  show: any;
  name: string = '2019-01-01T23-00-11';
  //name: string = '2019-01-01';
  ngOnInit() {

  }

  onKeydownEvent($event) {
    $(event).val($(event).val().replace(/(\d{3})\-?(\d{3})\-?(\d{4})/, '$1-$2-$3'))
  }
}