我所拥有的：
app.component.html：
<!-- Top Toolbar -->
<mat-toolbar color="primary" fxLayout="row" ...>
</mat-toolbar>
<!-- Page Content-->
<router-outlet></router-outlet>
backend.component.html：
<mat-card class="filter-table-card">
<mat-card-subtitle class="filter-table-header" ...>
<mat-card-content class="filter-table-body" ...>
<mat-card-subtitle fxLayout="row" class="filter-table-footer" ...>
</mat-card>
dashboard.component.html：
mat-card-content我想要的是我的页面始终保持页面的高度，永不溢出。我唯一需要的滚动条是在.filter-table-card {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
.filter-table-header, .filter-table-footer {
flex-shrink: 0 !important;
}
.filter-table-body {
flex-grow: 1 !important;
overflow: auto !important;
min-height: 2em !important;
min-width: 2em !important;
}
}
内，那里是带有行的表。因此，我希望工具栏和两个mat-card-subtitles是“固定的”，但是mat-card-content会溢出：auto。
我以前在另一个项目中设法做到了，但是由于某种原因，我在这个项目中缺少了一些东西。
我在仪表板组件中使用的SCSS：
void Fillcombo()
{
string connectionString = "Provider=Microsoft.ACE.OLEDB.12.0;Data Source=F:\\Stage_ap\\BD\\MontHoreb.accdb";
conn.ConnectionString = connectionString;
conn.Open();
OleDbDataAdapter adapter = new OleDbDataAdapter("SELECT Code_Marche, Libelle_Marche FROM MARCHE", conn);
DataTable dt = new DataTable();
adapter.Fill(dt);
cmbCodeMaPh.DataSource = dt;
cmbCodeMaPh.DisplayMember = "Libelle_Marche";
conn.Close();
}
想完全使用角度弯曲布局而不是此scss。